@ixfx/components 0.5.20 → 0.6.1

package/dist/tab-list-CR0v53KJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-list-CR0v53KJ.js","names":["#items","#syncIndicatorColors","#syncHideLabels","#isVertical","#selectPrevious","#selectNext","#dragState","#abortDrag","#endDrag","#containerEl","#suppressNextClick","#findDragTarget","#onPointerMove","#onPointerUp","#onPointerCancel","#beginDrag","#computeGapIndex","#commitDrag","#containerClass","#computeCaretStyle","#onKeyUp","#onSlotClick","#onPointerDown","#onKeyDown","#onWheel","#onSlotChange","#isSelected","#createGhost","customElement"],"sources":["../src/util/drag-ghost.ts","../src/tabs/tab-list.ts"],"sourcesContent":["/**\n * Theme-aware floating element helper.\n *\n * Creates a `position: fixed`, `pointer-events: none` element anchored to a\n * source element's theme container, then exposes imperative `move` / `destroy`\n * hooks. Used by `ixfx-tab-list` for its drag-ghost; intended to be reusable\n * by future drag/detach features.\n *\n * Theme container lookup mirrors `tooltip-controller.ts` so the floating\n * element still inherits the right CSS custom properties when the source lives\n * inside a `.theme-dark` / `.theme-light` subtree (used by the loader iframes).\n */\nlet stylesInjected = false;\n\nfunction injectGhostStyles(): void {\n  if (stylesInjected)\n    return;\n  stylesInjected = true;\n  const style = document.createElement(`style`);\n  style.textContent = `\n    .ixfx-drag-ghost {\n      position: fixed;\n      top: 0;\n      left: 0;\n      pointer-events: none;\n      z-index: 10000;\n      will-change: transform;\n      opacity: 0.9;\n      display: inline-flex;\n      align-items: center;\n      gap: var(--space-xs, 4px);\n      padding: var(--padding, var(--space-m, 8px)) calc(2 * var(--padding, var(--space-m, 8px)));\n      background: var(--surface-4);\n      color: var(--surface-4-text);\n      border: 1px solid var(--border-subtle);\n      border-radius: var(--radius-m, 6px);\n      font-family: inherit;\n      font-size: inherit;\n      font-weight: 500;\n      white-space: nowrap;\n      max-width: 240px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      box-shadow: var(--shadow-m);\n    }\n    .ixfx-drag-ghost ixfx-icon {\n      flex-shrink: 0;\n    }\n  `;\n  document.head.appendChild(style);\n}\n\nexport interface DragGhost {\n  /** Position the ghost at (x, y) viewport coords, anchored around the source center. */\n  move: (x: number, y: number) => void;\n  /** Remove the ghost from the DOM. Idempotent. */\n  destroy: () => void;\n  /** The underlying ghost element (rarely needed outside this module). */\n  readonly element: HTMLElement;\n}\n\nexport interface CreateDragGhostOptions {\n  /** Content element to mount inside the ghost. Will be appended on create. */\n  content: HTMLElement;\n  /**\n   * Anchor element — used to find the theme container and to compute the\n   * initial offset so the ghost appears centered under the source on first move.\n   */\n  anchor: HTMLElement;\n  /** Optional class name appended to the ghost wrapper for custom styling. */\n  className?: string;\n}\n\n/**\n * Create a theme-aware floating ghost element.\n *\n * The ghost is appended to the closest `.theme-dark` / `.theme-light` ancestor\n * of `anchor`, falling back to `document.body`. This preserves CSS variable\n * inheritance for theming.\n */\nexport function createDragGhost(opts: CreateDragGhostOptions): DragGhost {\n  injectGhostStyles();\n\n  const ghost = document.createElement(`div`);\n  ghost.className = `ixfx-drag-ghost`;\n  if (opts.className)\n    ghost.classList.add(opts.className);\n  ghost.appendChild(opts.content);\n\n  // Place ghost off-screen until first `move()` call\n  ghost.style.transform = `translate3d(-9999px, -9999px, 0)`;\n\n  const targetDoc = opts.anchor.ownerDocument;\n  const themeContainer = opts.anchor.closest(`.theme-dark, .theme-light`);\n  if (themeContainer) {\n    themeContainer.appendChild(ghost);\n  } else {\n    targetDoc.body.appendChild(ghost);\n  }\n\n  // Anchor offset: distance from the source's top-left to its center.\n  const anchorRect = opts.anchor.getBoundingClientRect();\n  const offsetX = anchorRect.width / 2;\n  const offsetY = anchorRect.height / 2;\n\n  return {\n    element: ghost,\n    move(x: number, y: number): void {\n      ghost.style.transform = `translate3d(${x - offsetX}px, ${y - offsetY}px, 0)`;\n    },\n    destroy(): void {\n      ghost.remove();\n    },\n  };\n}\n","import type { PropertyValues } from \"lit\";\nimport type { DragGhost } from \"../util/drag-ghost.js\";\nimport type { TabListItemElement } from \"./tab-list-item.js\";\nimport { css, html, LitElement, nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { themeFallbacks } from \"../styles/fallbacks.js\";\nimport { safeCustomElement as customElement } from \"../util/custom-elements.js\";\nimport { createDragGhost } from \"../util/drag-ghost.js\";\n\n/**\n * Events\n * 'change' - new tab selected { previous:string, selected:string, for:string }\n * 'reorder' - tab moved within the list { id:string, fromIndex:number, toIndex:number }\n */\nexport type TabListChangeDetail = {\n  readonly previous: string | undefined;\n  readonly selected: string;\n  readonly for: string;\n};\n\nexport type TabListChangeEvent = CustomEvent<TabListChangeDetail>;\n\nexport type TabListReorderDetail = {\n  readonly id: string;\n  readonly fromIndex: number;\n  readonly toIndex: number;\n};\n\nexport type TabListReorderEvent = CustomEvent<TabListReorderDetail>;\n\nexport type TabListDragMode = `off` | `reorder`;\n\n/** Pointer movement threshold (px) before a press becomes a drag. */\nconst DRAG_THRESHOLD_PX = 5;\n\n@customElement(`ixfx-tab-list`)\nexport class TabListElement extends LitElement {\n  @property({ type: String })\n  orientation: `horizontal` | `vertical-stack` | `vertical-side` = `horizontal`;\n\n  @property({ type: Boolean })\n  flip = false;\n\n  @property({ type: Boolean })\n  scrollable = false;\n\n  @property({ type: Boolean, attribute: `hide-labels` })\n  hideLabels = false;\n\n  @property({ type: String, attribute: `drag-mode` })\n  dragMode: TabListDragMode = `off`;\n\n  #items: TabListItemElement[] = [];\n\n  // ── Drag state (not reactive) ────────────────────────────────────────\n  #dragState: {\n    pointerId: number;\n    source: TabListItemElement;\n    fromIndex: number;\n    startX: number;\n    startY: number;\n    active: boolean;\n    ghost: DragGhost | null;\n    gapIndex: number | undefined;\n  } | null = null;\n\n  #suppressNextClick = false;\n\n  get #isVertical(): boolean {\n    return this.orientation === `vertical-stack` || this.orientation === `vertical-side`;\n  }\n\n  get #containerClass(): string {\n    const base = this.scrollable ? `${this.orientation} scrollable` : this.orientation;\n    return this.dragMode === `reorder` ? `${base} reorder` : base;\n  }\n\n  override render() {\n    const caretStyle = this.#computeCaretStyle();\n    return html`\n    <div\n      tabindex=0\n      @keyup=${this.#onKeyUp}\n      @click=${this.#onSlotClick}\n      @pointerdown=${this.#onPointerDown}\n      @keydown=${this.#onKeyDown}\n      @wheel=${this.#onWheel}\n      id=\"container\"\n      class=${this.#containerClass}\n    >\n      <slot @slotchange=${this.#onSlotChange}></slot>\n      ${caretStyle\n        ? html`<div class=\"drop-caret\" style=${caretStyle}></div>`\n        : nothing}\n    </div>`;\n  }\n\n  #onSlotChange = () => {\n    this.updateComplete.then(() => {\n      this.#items = (this.shadowRoot?.querySelector(`slot`) as HTMLSlotElement)\n        ?.assignedElements({ flatten: true }) as TabListItemElement[] ?? [];\n      this.#syncIndicatorColors();\n      this.#syncHideLabels();\n    });\n  };\n\n  override firstUpdated() {\n    this.updateComplete.then(() => {\n      if (this.#items.length > 0) {\n        this.#syncIndicatorColors();\n        this.#syncHideLabels();\n      }\n    });\n  }\n\n  override updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n    this.classList.toggle(`scrollable`, this.scrollable);\n    if (changedProperties.has(`dragMode`)) {\n      this.toggleAttribute(`drag-mode`, this.dragMode !== `off`);\n    }\n    if (changedProperties.has(`hideLabels`)) {\n      this.#syncHideLabels();\n    }\n  }\n\n  #syncHideLabels() {\n    for (const item of this.#items) {\n      if (this.hideLabels) {\n        item.setAttribute(`hide-labels`, ``);\n      } else {\n        item.removeAttribute(`hide-labels`);\n      }\n    }\n  }\n\n  #syncIndicatorColors() {\n    for (const item of this.#items) {\n      item.style.setProperty(`--indicator-color-bottom`, `transparent`);\n      item.style.setProperty(`--indicator-color-top`, `transparent`);\n      item.style.setProperty(`--indicator-color-left`, `transparent`);\n      item.style.setProperty(`--indicator-color-right`, `transparent`);\n\n      if (item.hasAttribute(`selected`)) {\n        if (this.orientation === `horizontal` && !this.flip) {\n          item.style.setProperty(`--indicator-color-bottom`, `var(--accent)`);\n        } else if (this.orientation === `horizontal` && this.flip) {\n          item.style.setProperty(`--indicator-color-top`, `var(--accent)`);\n        } else if (this.#isVertical && !this.flip) {\n          item.style.setProperty(`--indicator-color-right`, `var(--accent)`);\n        } else if (this.#isVertical && this.flip) {\n          item.style.setProperty(`--indicator-color-left`, `var(--accent)`);\n        }\n      }\n    }\n  }\n\n  #onKeyUp = (event: KeyboardEvent) => {\n    const key = event.key;\n    if (this.#isVertical) {\n      if (key === `ArrowUp`) {\n        this.#selectPrevious();\n      } else if (key === `ArrowDown`) {\n        this.#selectNext();\n      }\n    } else {\n      if (key === `ArrowRight`) {\n        this.#selectNext();\n      } else if (key === `ArrowLeft`) {\n        this.#selectPrevious();\n      }\n    }\n  };\n\n  // Escape during drag aborts it (and tears down listeners / releases capture)\n  #onKeyDown = (event: KeyboardEvent): void => {\n    const state = this.#dragState;\n    if (event.key !== `Escape` || !state?.active)\n      return;\n    event.preventDefault();\n    const pointerId = state.pointerId;\n    this.#abortDrag();\n    this.#endDrag(pointerId);\n  };\n\n  /**\n   * Translate vertical wheel deltas into horizontal scroll on a scrollable\n   * horizontal list (and vice-versa for vertical lists). Without this, the\n   * default browser behaviour only scrolls horizontally with Shift+wheel or a\n   * physical horizontal wheel — neither of which most users reach for on a\n   * VS Code-style tab strip.\n   *\n   * Only kicks in when the list is actually scrollable (overflow content\n   * present), and is a no-op when nothing is scrollable in that direction.\n   */\n  #onWheel = (event: WheelEvent): void => {\n    if (!this.scrollable)\n      return;\n    const el = this.#containerEl;\n    if (!el)\n      return;\n\n    if (!this.#isVertical) {\n      // Horizontal list: vertical wheel → horizontal scroll.\n      if (event.deltaY === 0 || el.scrollWidth <= el.clientWidth)\n        return;\n      const prev = el.scrollLeft;\n      el.scrollLeft = prev + event.deltaY;\n      if (el.scrollLeft !== prev)\n        event.preventDefault();\n    } else {\n      // Vertical list: vertical wheel is already native; only intervene when\n      // a horizontal wheel is supplied (e.g. trackpad two-finger horizontal).\n      if (event.deltaX === 0 || el.scrollHeight <= el.clientHeight)\n        return;\n      const prev = el.scrollTop;\n      el.scrollTop = prev + event.deltaX;\n      if (el.scrollTop !== prev)\n        event.preventDefault();\n    }\n  };\n\n  getSelectedElement() {\n    for (const el of this.#items) {\n      if (this.#isSelected(el))\n        return el;\n    }\n    // Fallback: #items may not be populated yet (slotchange hasn't fired).\n    // Query the slot directly to find the selected element.\n    const slot = this.shadowRoot?.querySelector(`slot`);\n    if (slot) {\n      const els = (slot as HTMLSlotElement).assignedElements({ flatten: true });\n      for (const el of els) {\n        if (this.#isSelected(el as HTMLElement))\n          return el as TabListItemElement;\n      }\n    }\n  }\n\n  #isSelected(el: HTMLElement) {\n    const v = el.getAttribute(`selected`);\n    if (v === null)\n      return false;\n    return (el.hasAttribute(`selected`));\n  }\n\n  selectElement(el: HTMLElement) {\n    const existing = this.getSelectedElement();\n    if (existing) {\n      existing.removeAttribute(`selected`);\n      existing.style.setProperty(`--indicator-color-bottom`, `transparent`);\n      existing.style.setProperty(`--indicator-color-top`, `transparent`);\n      existing.style.setProperty(`--indicator-color-left`, `transparent`);\n      existing.style.setProperty(`--indicator-color-right`, `transparent`);\n    }\n\n    el.setAttribute(`selected`, ``);\n\n    if (this.orientation === `horizontal` && !this.flip) {\n      el.style.setProperty(`--indicator-color-bottom`, `var(--accent)`);\n    } else if (this.orientation === `horizontal` && this.flip) {\n      el.style.setProperty(`--indicator-color-top`, `var(--accent)`);\n    } else if (this.#isVertical && !this.flip) {\n      el.style.setProperty(`--indicator-color-right`, `var(--accent)`);\n    } else if (this.#isVertical && this.flip) {\n      el.style.setProperty(`--indicator-color-left`, `var(--accent)`);\n    }\n  }\n\n  #selectNext() {\n    let found = false;\n    for (const el of this.#items) {\n      if (this.#isSelected(el) && !found) {\n        found = true;\n      } else if (found) {\n        this.selectElement(el);\n        break;\n      }\n    }\n  }\n\n  #selectPrevious() {\n    let prev: HTMLElement | undefined;\n    for (const el of this.#items) {\n      if (this.#isSelected(el) && prev) {\n        this.selectElement(prev);\n      } else {\n        prev = el;\n      }\n    }\n  }\n\n  #onSlotClick = (event: MouseEvent) => {\n    if (this.#suppressNextClick) {\n      this.#suppressNextClick = false;\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.focus();\n    const t = (event.target as HTMLElement).closest(`ixfx-tab-list-item`);\n    if (!t)\n      return;\n    const previous = this.getSelectedElement();\n    this.selectElement(t);\n\n    const forId = t.getAttribute(`for`);\n    const previousId = previous?.id;\n    this.dispatchEvent(new CustomEvent<TabListChangeDetail>(`change`, {\n      bubbles: true,\n      detail: {\n        previous: previousId,\n        selected: t.id,\n        for: forId ?? ``,\n      },\n    }));\n  };\n\n  // ── Drag handling ────────────────────────────────────────────────────\n\n  /**\n   * Walk composedPath looking for the nearest ancestor tab-list-item, but bail\n   * if the path goes through a `.close-btn` or `.toolbar` (so close/toolbar\n   * buttons always win — same delegation pattern used by tooltip-controller).\n   */\n  #findDragTarget(event: PointerEvent): TabListItemElement | null {\n    if (this.dragMode === `off`)\n      return null;\n\n    const path = event.composedPath();\n    let item: TabListItemElement | null = null;\n    for (const node of path) {\n      if (!(node instanceof HTMLElement))\n        continue;\n      if (node.classList.contains(`close-btn`) || node.classList.contains(`toolbar`)) {\n        return null;\n      }\n      if (!item && node.tagName === `IXFX-TAB-LIST-ITEM`) {\n        item = node as TabListItemElement;\n      }\n    }\n    return item;\n  }\n\n  #onPointerDown = (event: PointerEvent): void => {\n    if (this.dragMode !== `reorder`)\n      return;\n    if (event.button !== 0)\n      return;\n    const target = this.#findDragTarget(event);\n    if (!target)\n      return;\n\n    const fromIndex = this.#items.indexOf(target);\n    if (fromIndex < 0)\n      return;\n\n    // Don't capture the pointer yet — doing so on pointerdown would redirect\n    // the trailing click event to the capture target (the container), so the\n    // click handler would see a container DIV as its target instead of the\n    // tab-list-item and `closest('ixfx-tab-list-item')` would return null.\n    // We capture only once the drag actually activates (#beginDrag). Until\n    // then, an ordinary press still produces a normal click on the tab.\n\n    this.#dragState = {\n      pointerId: event.pointerId,\n      source: target,\n      fromIndex,\n      startX: event.clientX,\n      startY: event.clientY,\n      active: false,\n      ghost: null,\n      gapIndex: undefined,\n    };\n\n    // Listen at window level for move/up so we don't lose events if the\n    // pointer exits the host before pointerup fires.\n    window.addEventListener(`pointermove`, this.#onPointerMove);\n    window.addEventListener(`pointerup`, this.#onPointerUp);\n    window.addEventListener(`pointercancel`, this.#onPointerCancel);\n  };\n\n  #onPointerMove = (event: PointerEvent): void => {\n    const state = this.#dragState;\n    if (!state || event.pointerId !== state.pointerId)\n      return;\n\n    const dx = event.clientX - state.startX;\n    const dy = event.clientY - state.startY;\n    const distance = Math.hypot(dx, dy);\n\n    if (!state.active) {\n      if (distance < DRAG_THRESHOLD_PX)\n        return;\n      this.#beginDrag(event);\n    }\n\n    state.ghost?.move(event.clientX, event.clientY);\n\n    const gap = this.#computeGapIndex(event.clientX, event.clientY);\n    if (gap !== state.gapIndex) {\n      state.gapIndex = gap;\n      this.requestUpdate();\n    }\n  };\n\n  #onPointerUp = (event: PointerEvent): void => {\n    const state = this.#dragState;\n    if (!state || event.pointerId !== state.pointerId)\n      return;\n\n    if (state.active) {\n      const gap = this.#computeGapIndex(event.clientX, event.clientY);\n      this.#commitDrag(state.source, state.fromIndex, gap);\n    }\n    this.#endDrag(event.pointerId);\n  };\n\n  #onPointerCancel = (event: PointerEvent): void => {\n    const state = this.#dragState;\n    if (!state || event.pointerId !== state.pointerId)\n      return;\n    this.#abortDrag();\n    this.#endDrag(event.pointerId);\n  };\n\n  #beginDrag(event: PointerEvent): void {\n    const state = this.#dragState;\n    if (!state || state.active)\n      return;\n\n    // Now that we know we're dragging, capture the pointer so pointermove/up\n    // events keep flowing even if the pointer leaves the host element.\n    try {\n      this.#containerEl?.setPointerCapture(event.pointerId);\n    } catch {\n      // setPointerCapture can throw if pointer is already captured elsewhere;\n      // fall through — window listeners still catch move/up.\n    }\n\n    state.active = true;\n    state.source.setAttribute(`drag-source`, ``);\n\n    state.ghost = this.#createGhost(state.source);\n    if (state.ghost) {\n      state.ghost.move(event.clientX, event.clientY);\n    }\n  }\n\n  #abortDrag(): void {\n    const state = this.#dragState;\n    if (!state)\n      return;\n    state.source.removeAttribute(`drag-source`);\n    if (state.gapIndex !== undefined) {\n      state.gapIndex = undefined;\n      this.requestUpdate();\n    }\n    // Caller is responsible for invoking #endDrag to release pointer capture,\n    // tear down listeners, and destroy the ghost.\n  }\n\n  #endDrag(pointerId: number): void {\n    const state = this.#dragState;\n    if (!state)\n      return;\n\n    state.ghost?.destroy();\n    state.ghost = null;\n    this.#dragState = null;\n\n    window.removeEventListener(`pointermove`, this.#onPointerMove);\n    window.removeEventListener(`pointerup`, this.#onPointerUp);\n    window.removeEventListener(`pointercancel`, this.#onPointerCancel);\n\n    try {\n      this.#containerEl?.releasePointerCapture(pointerId);\n    } catch { /* already released */ }\n\n    // #dragState is a private field, not a Lit-reactive property — setting it\n    // to null doesn't trigger a re-render on its own. Without this, the caret\n    // (and any other drag-time UI) would remain in the DOM after the drag\n    // ends, even though the next render would clear them.\n    this.requestUpdate();\n  }\n\n  #commitDrag(source: TabListItemElement, fromIndex: number, gapIndex: number | undefined): void {\n    source.removeAttribute(`drag-source`);\n\n    // gapIndex is an index into the without-source siblings array: 0 = before\n    // the first sibling, siblings.length = after the last. The siblings array\n    // already excludes source, so we can insert directly at that position\n    // using siblings[gapIndex] as the reference (or null to append).\n    const siblings = this.#items.filter(el => el !== source);\n    const target = gapIndex === undefined\n      ? siblings.length\n      : Math.max(0, Math.min(gapIndex, siblings.length));\n\n    const parent = source.parentNode;\n    if (!parent)\n      return;\n\n    const ref = siblings[target] ?? null;\n    parent.insertBefore(source, ref);\n\n    const toIndex = Array.prototype.indexOf.call(parent.children, source);\n    if (toIndex === fromIndex) {\n      // Dropped in the same gap the item already occupies — no reorder, and no\n      // click suppression (a real click on the same tab is still meaningful).\n      return;\n    }\n\n    // Refresh cached #items so subsequent drags / queries see the new order\n    // (slotchange does NOT fire on reorder, only on add/remove).\n    this.#items = (this.shadowRoot?.querySelector(`slot`) as HTMLSlotElement)\n      ?.assignedElements({ flatten: true }) as TabListItemElement[] ?? [];\n    this.#syncIndicatorColors();\n\n    // A real reorder just happened. The trailing click event (which the\n    // browser still fires after pointerup) would re-select whatever is under\n    // the release point — not what the user wanted. Suppress it.\n    this.#suppressNextClick = true;\n\n    this.dispatchEvent(new CustomEvent<TabListReorderDetail>(`reorder`, {\n      bubbles: true,\n      detail: {\n        id: source.id,\n        fromIndex,\n        toIndex,\n      },\n    }));\n  }\n\n  #createGhost(source: TabListItemElement): DragGhost | null {\n    const content = document.createElement(`span`);\n    content.style.display = `inline-flex`;\n    content.style.alignItems = `center`;\n    content.style.gap = `var(--space-xs, 4px)`;\n    content.style.minWidth = `0`;\n\n    const iconName = source.iconName;\n    if (iconName) {\n      const icon = document.createElement(`ixfx-icon`) as HTMLElement & { name: string };\n      icon.name = iconName;\n      content.appendChild(icon);\n    }\n\n    // Reconstruct label text from light-DOM children that aren't slotted.\n    // We want the text content of the source item, excluding `slot=\"toolbar\"`\n    // descendants (the close button lives inside the item's shadow DOM, not\n    // its light DOM, so it isn't part of childNodes here).\n    const label = document.createElement(`span`);\n    label.textContent = (source.textContent ?? ``).trim();\n    label.style.overflow = `hidden`;\n    label.style.textOverflow = `ellipsis`;\n    label.style.whiteSpace = `nowrap`;\n    content.appendChild(label);\n\n    try {\n      return createDragGhost({ anchor: source, content });\n    } catch {\n      return null;\n    }\n  }\n\n  /**\n   * Compute the index of the gap nearest the pointer, ignoring the source item.\n   * Returns 0..#items.length-1; undefined if no siblings.\n   *\n   * Per the plan: drag-mode=\"reorder\" has \"no sense of breaking out\", so the\n   * perpendicular axis is ignored — the pointer always resolves to some gap.\n   */\n  #computeGapIndex(clientX: number, clientY: number): number | undefined {\n    const state = this.#dragState;\n    if (!state)\n      return undefined;\n    const siblings = this.#items.filter(el => el !== state.source);\n    if (siblings.length === 0)\n      return 0;\n\n    const useX = !this.#isVertical;\n\n    let bestGap = 0;\n    let bestDist = Infinity;\n\n    // For each sibling, decide: gap is \"before this sibling\" or \"after\" based\n    // on which side of the midpoint the pointer is on. Pick the gap whose\n    // position (the midpoint if \"before\", the edge if \"after\") is closest to\n    // the pointer on the relevant axis.\n    for (let i = 0; i < siblings.length; i++) {\n      const rect = siblings[i].getBoundingClientRect();\n      const start = useX ? rect.left : rect.top;\n      const end = useX ? rect.right : rect.bottom;\n      const mid = (start + end) / 2;\n      const pos = useX ? clientX : clientY;\n\n      // Two candidate gaps: before this sibling (at `start`) and after (at `end`).\n      // \"Before\" gap index = i; \"after\" gap index = i + 1.\n      const dStart = Math.abs(pos - start);\n      const dMid = Math.abs(pos - mid);\n      const dEnd = Math.abs(pos - end);\n\n      // Heuristic: if pointer is left/above midpoint, prefer the \"before\" gap;\n      // otherwise prefer the \"after\" gap. Within those, the closer edge wins.\n      const preferBefore = pos < mid;\n      if (preferBefore) {\n        // Gap i (before this sibling)\n        if (dStart < bestDist) {\n          bestDist = dStart;\n          bestGap = i;\n        }\n      } else {\n        // Gap i+1 (after this sibling)\n        if (dEnd < bestDist) {\n          bestDist = dEnd;\n          bestGap = i + 1;\n        }\n      }\n      // The midpoint-distance is mostly redundant with the above but handles\n      // ties near the boundary cleanly — no-op for the chosen gap.\n      void dMid;\n    }\n\n    return bestGap;\n  }\n\n  #computeCaretStyle(): string | undefined {\n    const state = this.#dragState;\n    if (!state?.active || state.gapIndex === undefined)\n      return undefined;\n\n    const siblings = this.#items.filter(el => el !== state.source);\n    if (siblings.length === 0)\n      return undefined;\n\n    const useX = !this.#isVertical;\n    const containerRect = this.#containerEl?.getBoundingClientRect();\n    if (!containerRect)\n      return undefined;\n\n    const gap = Math.max(0, Math.min(state.gapIndex, siblings.length));\n    let rect: DOMRect | null = null;\n    if (gap < siblings.length) {\n      rect = siblings[gap].getBoundingClientRect();\n    } else {\n      // After the last sibling: use its trailing edge\n      const last = siblings[siblings.length - 1].getBoundingClientRect();\n      rect = last;\n    }\n\n    if (useX) {\n      const x = (gap < siblings.length ? rect.left : rect.right) - containerRect.left;\n      const y = 0;\n      const h = containerRect.height;\n      const w = 2;\n      return `transform: translate(${x - w / 2}px, ${y}px); width: ${w}px; height: ${h}px;`;\n    } else {\n      const y = (gap < siblings.length ? rect.top : rect.bottom) - containerRect.top;\n      const x = 0;\n      const w = containerRect.width;\n      const h = 2;\n      return `transform: translate(${x}px, ${y - h / 2}px); width: ${w}px; height: ${h}px;`;\n    }\n  }\n\n  get #containerEl(): HTMLElement | null {\n    return this.shadowRoot?.getElementById(`container`) ?? null;\n  }\n\n  static styles = [themeFallbacks, css`\n  :host {\n      display: inline-block;\n      --activated-colour: var(--accent);\n      --colour: var(--surface-3-text);\n      --scroll-max-height: 200px;\n      --allow-overflow: hidden;\n      color: var(--colour);\n      border: var(--border, none);\n      border-color: var(--surface-5);\n      border-radius: var(--radius-l, 8px) var(--radius-l, 8px) 0 0;\n\n    }\n    :host(.scrollable) {\n      max-height: var(--scroll-max-height);\n    }\n    :host([hide-labels]) {\n      display: inline-flex;\n      width: auto;\n    }\n    text {\n      user-select:none;\n    }\n    #container {\n      display:flex;\n      position: relative;\n    }\n    #container.horizontal {\n      flex-direction: row;\n      overflow: hidden;\n    }\n    #container.horizontal.scrollable {\n      overflow-x: auto;\n      --allow-overflow: visible;\n    }\n    #container.horizontal.scrollable ::slotted(ixfx-tab-list-item) {\n      flex-shrink: 0;\n    }\n    #container.vertical-stack {\n      flex-direction: column;\n    }\n    #container.vertical-stack.flip {\n      flex-direction: column-reverse;\n    }\n    #container.vertical-stack.scrollable {\n      overflow-y: auto;\n      max-height: var(--scroll-max-height);\n      --allow-overflow: visible;\n    }\n    #container.vertical-side {\n      flex-direction: column;\n    }\n    #container.vertical-side.flip {\n      flex-direction: column-reverse;\n    }\n    #container.vertical-side.scrollable {\n      overflow-y: auto;\n      max-height: var(--scroll-max-height);\n      --allow-overflow: visible;\n    }\n\n    ::slotted(ixfx-tab-list-item) {\n      flex: 1 1 auto;\n      min-width: 0;\n    }\n\n    #container.vertical-side ::slotted(ixfx-tab-list-item) {\n      writing-mode: vertical-lr;\n      text-orientation: mixed;\n    }\n    #container.vertical-side.flip ::slotted(ixfx-tab-list-item) {\n      writing-mode: vertical-rl;\n      text-orientation: mixed;\n    }\n\n    /* Drag affordances — opt-in via drag-mode=\"reorder\" on the host (list). */\n    #container.reorder ::slotted(ixfx-tab-list-item) {\n      cursor: grab;\n    }\n    :host([drag-mode]) ::slotted(ixfx-tab-list-item[drag-source]) {\n      cursor: grabbing;\n      opacity: 0.4;\n      transition: opacity var(--transition, 0.15s ease-out);\n    }\n\n    /* Insertion caret shown during an active drag. */\n    .drop-caret {\n      position: absolute;\n      background: var(--accent);\n      border-radius: 1px;\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    ::slotted(.activated) {\n      --colour: var(--activated-colour);\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ixfx-tab-list\": TabListElement;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAYA,IAAI,iBAAiB;AAErB,SAAS,oBAA0B;CACjC,IAAI,gBACF;CACF,iBAAiB;CACjB,MAAM,QAAQ,SAAS,cAAc,OAAO;CAC5C,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BpB,SAAS,KAAK,YAAY,KAAK;AACjC;;;;;;;;AA8BA,SAAgB,gBAAgB,MAAyC;CACvE,kBAAkB;CAElB,MAAM,QAAQ,SAAS,cAAc,KAAK;CAC1C,MAAM,YAAY;CAClB,IAAI,KAAK,WACP,MAAM,UAAU,IAAI,KAAK,SAAS;CACpC,MAAM,YAAY,KAAK,OAAO;CAG9B,MAAM,MAAM,YAAY;CAExB,MAAM,YAAY,KAAK,OAAO;CAC9B,MAAM,iBAAiB,KAAK,OAAO,QAAQ,2BAA2B;CACtE,IAAI,gBACF,eAAe,YAAY,KAAK;MAEhC,UAAU,KAAK,YAAY,KAAK;CAIlC,MAAM,aAAa,KAAK,OAAO,sBAAsB;CACrD,MAAM,UAAU,WAAW,QAAQ;CACnC,MAAM,UAAU,WAAW,SAAS;CAEpC,OAAO;EACL,SAAS;EACT,KAAK,GAAW,GAAiB;GAC/B,MAAM,MAAM,YAAY,eAAe,IAAI,QAAQ,MAAM,IAAI,QAAQ;EACvE;EACA,UAAgB;GACd,MAAM,OAAO;EACf;CACF;AACF;;;;ACjFA,MAAM,oBAAoB;AAGnB,IAAA,iBAAA,MAAM,uBAAuB,WAAW;;;qBAEoB;cAG1D;oBAGM;oBAGA;kBAGe;gBAEG,CAAC;oBAYrB;4BAEU;6BA+BC;GACpB,KAAK,eAAe,WAAW;IAC7B,KAAKA,UAAU,KAAK,YAAY,cAAc,MAAM,IAChD,iBAAiB,EAAE,SAAS,KAAK,CAAC,KAA6B,CAAC;IACpE,KAAKC,qBAAqB;IAC1B,KAAKC,gBAAgB;GACvB,CAAC;EACH;mBAqDY,UAAyB;GACnC,MAAM,MAAM,MAAM;GAClB,IAAI,KAAKC;QACH,QAAQ,WACV,KAAKC,gBAAgB;SAChB,IAAI,QAAQ,aACjB,KAAKC,YAAY;GAAA,OAGnB,IAAI,QAAQ,cACV,KAAKA,YAAY;QACZ,IAAI,QAAQ,aACjB,KAAKD,gBAAgB;EAG3B;qBAGc,UAA+B;GAC3C,MAAM,QAAQ,KAAKE;GACnB,IAAI,MAAM,QAAQ,YAAY,CAAC,OAAO,QACpC;GACF,MAAM,eAAe;GACrB,MAAM,YAAY,MAAM;GACxB,KAAKC,WAAW;GAChB,KAAKC,SAAS,SAAS;EACzB;mBAYY,UAA4B;GACtC,IAAI,CAAC,KAAK,YACR;GACF,MAAM,KAAK,KAAKC;GAChB,IAAI,CAAC,IACH;GAEF,IAAI,CAAC,KAAKN,aAAa;IAErB,IAAI,MAAM,WAAW,KAAK,GAAG,eAAe,GAAG,aAC7C;IACF,MAAM,OAAO,GAAG;IAChB,GAAG,aAAa,OAAO,MAAM;IAC7B,IAAI,GAAG,eAAe,MACpB,MAAM,eAAe;GACzB,OAAO;IAGL,IAAI,MAAM,WAAW,KAAK,GAAG,gBAAgB,GAAG,cAC9C;IACF,MAAM,OAAO,GAAG;IAChB,GAAG,YAAY,OAAO,MAAM;IAC5B,IAAI,GAAG,cAAc,MACnB,MAAM,eAAe;GACzB;EACF;uBAwEgB,UAAsB;GACpC,IAAI,KAAKO,oBAAoB;IAC3B,KAAKA,qBAAqB;IAC1B,MAAM,eAAe;IACrB,MAAM,gBAAgB;IACtB;GACF;GAEA,KAAK,MAAM;GACX,MAAM,IAAK,MAAM,OAAuB,QAAQ,oBAAoB;GACpE,IAAI,CAAC,GACH;GACF,MAAM,WAAW,KAAK,mBAAmB;GACzC,KAAK,cAAc,CAAC;GAEpB,MAAM,QAAQ,EAAE,aAAa,KAAK;GAClC,MAAM,aAAa,UAAU;GAC7B,KAAK,cAAc,IAAI,YAAiC,UAAU;IAChE,SAAS;IACT,QAAQ;KACN,UAAU;KACV,UAAU,EAAE;KACZ,KAAK,SAAS;IAChB;GACF,CAAC,CAAC;EACJ;yBA4BkB,UAA8B;GAC9C,IAAI,KAAK,aAAa,WACpB;GACF,IAAI,MAAM,WAAW,GACnB;GACF,MAAM,SAAS,KAAKC,gBAAgB,KAAK;GACzC,IAAI,CAAC,QACH;GAEF,MAAM,YAAY,KAAKX,OAAO,QAAQ,MAAM;GAC5C,IAAI,YAAY,GACd;GASF,KAAKM,aAAa;IAChB,WAAW,MAAM;IACjB,QAAQ;IACR;IACA,QAAQ,MAAM;IACd,QAAQ,MAAM;IACd,QAAQ;IACR,OAAO;IACP,UAAU,KAAA;GACZ;GAIA,OAAO,iBAAiB,eAAe,KAAKM,cAAc;GAC1D,OAAO,iBAAiB,aAAa,KAAKC,YAAY;GACtD,OAAO,iBAAiB,iBAAiB,KAAKC,gBAAgB;EAChE;yBAEkB,UAA8B;GAC9C,MAAM,QAAQ,KAAKR;GACnB,IAAI,CAAC,SAAS,MAAM,cAAc,MAAM,WACtC;GAEF,MAAM,KAAK,MAAM,UAAU,MAAM;GACjC,MAAM,KAAK,MAAM,UAAU,MAAM;GACjC,MAAM,WAAW,KAAK,MAAM,IAAI,EAAE;GAElC,IAAI,CAAC,MAAM,QAAQ;IACjB,IAAI,WAAW,mBACb;IACF,KAAKS,WAAW,KAAK;GACvB;GAEA,MAAM,OAAO,KAAK,MAAM,SAAS,MAAM,OAAO;GAE9C,MAAM,MAAM,KAAKC,iBAAiB,MAAM,SAAS,MAAM,OAAO;GAC9D,IAAI,QAAQ,MAAM,UAAU;IAC1B,MAAM,WAAW;IACjB,KAAK,cAAc;GACrB;EACF;uBAEgB,UAA8B;GAC5C,MAAM,QAAQ,KAAKV;GACnB,IAAI,CAAC,SAAS,MAAM,cAAc,MAAM,WACtC;GAEF,IAAI,MAAM,QAAQ;IAChB,MAAM,MAAM,KAAKU,iBAAiB,MAAM,SAAS,MAAM,OAAO;IAC9D,KAAKC,YAAY,MAAM,QAAQ,MAAM,WAAW,GAAG;GACrD;GACA,KAAKT,SAAS,MAAM,SAAS;EAC/B;2BAEoB,UAA8B;GAChD,MAAM,QAAQ,KAAKF;GACnB,IAAI,CAAC,SAAS,MAAM,cAAc,MAAM,WACtC;GACF,KAAKC,WAAW;GAChB,KAAKC,SAAS,MAAM,SAAS;EAC/B;;CArXA;CAGA;CAWA;CAEA,IAAIL,cAAuB;EACzB,OAAO,KAAK,gBAAgB,oBAAoB,KAAK,gBAAgB;CACvE;CAEA,IAAIe,kBAA0B;EAC5B,MAAM,OAAO,KAAK,aAAa,GAAG,KAAK,YAAY,eAAe,KAAK;EACvE,OAAO,KAAK,aAAa,YAAY,GAAG,KAAK,YAAY;CAC3D;CAEA,SAAkB;EAChB,MAAM,aAAa,KAAKC,mBAAmB;EAC3C,OAAO,IAAI;;;eAGA,KAAKC,SAAS;eACd,KAAKC,aAAa;qBACZ,KAAKC,eAAe;iBACxB,KAAKC,WAAW;eAClB,KAAKC,SAAS;;cAEf,KAAKN,gBAAgB;;0BAET,KAAKO,cAAc;QACrC,aACE,IAAI,iCAAiC,WAAW,WAChD,QAAQ;;CAEhB;CAEA;CASA,eAAwB;EACtB,KAAK,eAAe,WAAW;GAC7B,IAAI,KAAKzB,OAAO,SAAS,GAAG;IAC1B,KAAKC,qBAAqB;IAC1B,KAAKC,gBAAgB;GACvB;EACF,CAAC;CACH;CAEA,QAAiB,mBAAyC;EACxD,MAAM,QAAQ,iBAAiB;EAC/B,KAAK,UAAU,OAAO,cAAc,KAAK,UAAU;EACnD,IAAI,kBAAkB,IAAI,UAAU,GAClC,KAAK,gBAAgB,aAAa,KAAK,aAAa,KAAK;EAE3D,IAAI,kBAAkB,IAAI,YAAY,GACpC,KAAKA,gBAAgB;CAEzB;CAEA,kBAAkB;EAChB,KAAK,MAAM,QAAQ,KAAKF,QACtB,IAAI,KAAK,YACP,KAAK,aAAa,eAAe,EAAE;OAEnC,KAAK,gBAAgB,aAAa;CAGxC;CAEA,uBAAuB;EACrB,KAAK,MAAM,QAAQ,KAAKA,QAAQ;GAC9B,KAAK,MAAM,YAAY,4BAA4B,aAAa;GAChE,KAAK,MAAM,YAAY,yBAAyB,aAAa;GAC7D,KAAK,MAAM,YAAY,0BAA0B,aAAa;GAC9D,KAAK,MAAM,YAAY,2BAA2B,aAAa;GAE/D,IAAI,KAAK,aAAa,UAAU;QAC1B,KAAK,gBAAgB,gBAAgB,CAAC,KAAK,MAC7C,KAAK,MAAM,YAAY,4BAA4B,eAAe;SAC7D,IAAI,KAAK,gBAAgB,gBAAgB,KAAK,MACnD,KAAK,MAAM,YAAY,yBAAyB,eAAe;SAC1D,IAAI,KAAKG,eAAe,CAAC,KAAK,MACnC,KAAK,MAAM,YAAY,2BAA2B,eAAe;SAC5D,IAAI,KAAKA,eAAe,KAAK,MAClC,KAAK,MAAM,YAAY,0BAA0B,eAAe;GAAA;EAGtE;CACF;CAEA;CAkBA;;;;;;;;;;;CAoBA;CA2BA,qBAAqB;EACnB,KAAK,MAAM,MAAM,KAAKH,QACpB,IAAI,KAAK0B,YAAY,EAAE,GACrB,OAAO;EAIX,MAAM,OAAO,KAAK,YAAY,cAAc,MAAM;EAClD,IAAI,MAAM;GACR,MAAM,MAAO,KAAyB,iBAAiB,EAAE,SAAS,KAAK,CAAC;GACxE,KAAK,MAAM,MAAM,KACf,IAAI,KAAKA,YAAY,EAAiB,GACpC,OAAO;EAEb;CACF;CAEA,YAAY,IAAiB;EAE3B,IADU,GAAG,aAAa,UACtB,MAAM,MACR,OAAO;EACT,OAAQ,GAAG,aAAa,UAAU;CACpC;CAEA,cAAc,IAAiB;EAC7B,MAAM,WAAW,KAAK,mBAAmB;EACzC,IAAI,UAAU;GACZ,SAAS,gBAAgB,UAAU;GACnC,SAAS,MAAM,YAAY,4BAA4B,aAAa;GACpE,SAAS,MAAM,YAAY,yBAAyB,aAAa;GACjE,SAAS,MAAM,YAAY,0BAA0B,aAAa;GAClE,SAAS,MAAM,YAAY,2BAA2B,aAAa;EACrE;EAEA,GAAG,aAAa,YAAY,EAAE;EAE9B,IAAI,KAAK,gBAAgB,gBAAgB,CAAC,KAAK,MAC7C,GAAG,MAAM,YAAY,4BAA4B,eAAe;OAC3D,IAAI,KAAK,gBAAgB,gBAAgB,KAAK,MACnD,GAAG,MAAM,YAAY,yBAAyB,eAAe;OACxD,IAAI,KAAKvB,eAAe,CAAC,KAAK,MACnC,GAAG,MAAM,YAAY,2BAA2B,eAAe;OAC1D,IAAI,KAAKA,eAAe,KAAK,MAClC,GAAG,MAAM,YAAY,0BAA0B,eAAe;CAElE;CAEA,cAAc;EACZ,IAAI,QAAQ;EACZ,KAAK,MAAM,MAAM,KAAKH,QACpB,IAAI,KAAK0B,YAAY,EAAE,KAAK,CAAC,OAC3B,QAAQ;OACH,IAAI,OAAO;GAChB,KAAK,cAAc,EAAE;GACrB;EACF;CAEJ;CAEA,kBAAkB;EAChB,IAAI;EACJ,KAAK,MAAM,MAAM,KAAK1B,QACpB,IAAI,KAAK0B,YAAY,EAAE,KAAK,MAC1B,KAAK,cAAc,IAAI;OAEvB,OAAO;CAGb;CAEA;;;;;;CAkCA,gBAAgB,OAAgD;EAC9D,IAAI,KAAK,aAAa,OACpB,OAAO;EAET,MAAM,OAAO,MAAM,aAAa;EAChC,IAAI,OAAkC;EACtC,KAAK,MAAM,QAAQ,MAAM;GACvB,IAAI,EAAE,gBAAgB,cACpB;GACF,IAAI,KAAK,UAAU,SAAS,WAAW,KAAK,KAAK,UAAU,SAAS,SAAS,GAC3E,OAAO;GAET,IAAI,CAAC,QAAQ,KAAK,YAAY,sBAC5B,OAAO;EAEX;EACA,OAAO;CACT;CAEA;CAsCA;CAwBA;CAYA;CAQA,WAAW,OAA2B;EACpC,MAAM,QAAQ,KAAKpB;EACnB,IAAI,CAAC,SAAS,MAAM,QAClB;EAIF,IAAI;GACF,KAAKG,cAAc,kBAAkB,MAAM,SAAS;EACtD,QAAQ,CAGR;EAEA,MAAM,SAAS;EACf,MAAM,OAAO,aAAa,eAAe,EAAE;EAE3C,MAAM,QAAQ,KAAKkB,aAAa,MAAM,MAAM;EAC5C,IAAI,MAAM,OACR,MAAM,MAAM,KAAK,MAAM,SAAS,MAAM,OAAO;CAEjD;CAEA,aAAmB;EACjB,MAAM,QAAQ,KAAKrB;EACnB,IAAI,CAAC,OACH;EACF,MAAM,OAAO,gBAAgB,aAAa;EAC1C,IAAI,MAAM,aAAa,KAAA,GAAW;GAChC,MAAM,WAAW,KAAA;GACjB,KAAK,cAAc;EACrB;CAGF;CAEA,SAAS,WAAyB;EAChC,MAAM,QAAQ,KAAKA;EACnB,IAAI,CAAC,OACH;EAEF,MAAM,OAAO,QAAQ;EACrB,MAAM,QAAQ;EACd,KAAKA,aAAa;EAElB,OAAO,oBAAoB,eAAe,KAAKM,cAAc;EAC7D,OAAO,oBAAoB,aAAa,KAAKC,YAAY;EACzD,OAAO,oBAAoB,iBAAiB,KAAKC,gBAAgB;EAEjE,IAAI;GACF,KAAKL,cAAc,sBAAsB,SAAS;EACpD,QAAQ,CAAyB;EAMjC,KAAK,cAAc;CACrB;CAEA,YAAY,QAA4B,WAAmB,UAAoC;EAC7F,OAAO,gBAAgB,aAAa;EAMpC,MAAM,WAAW,KAAKT,OAAO,QAAO,OAAM,OAAO,MAAM;EACvD,MAAM,SAAS,aAAa,KAAA,IACxB,SAAS,SACT,KAAK,IAAI,GAAG,KAAK,IAAI,UAAU,SAAS,MAAM,CAAC;EAEnD,MAAM,SAAS,OAAO;EACtB,IAAI,CAAC,QACH;EAEF,MAAM,MAAM,SAAS,WAAW;EAChC,OAAO,aAAa,QAAQ,GAAG;EAE/B,MAAM,UAAU,MAAM,UAAU,QAAQ,KAAK,OAAO,UAAU,MAAM;EACpE,IAAI,YAAY,WAGd;EAKF,KAAKA,UAAU,KAAK,YAAY,cAAc,MAAM,IAChD,iBAAiB,EAAE,SAAS,KAAK,CAAC,KAA6B,CAAC;EACpE,KAAKC,qBAAqB;EAK1B,KAAKS,qBAAqB;EAE1B,KAAK,cAAc,IAAI,YAAkC,WAAW;GAClE,SAAS;GACT,QAAQ;IACN,IAAI,OAAO;IACX;IACA;GACF;EACF,CAAC,CAAC;CACJ;CAEA,aAAa,QAA8C;EACzD,MAAM,UAAU,SAAS,cAAc,MAAM;EAC7C,QAAQ,MAAM,UAAU;EACxB,QAAQ,MAAM,aAAa;EAC3B,QAAQ,MAAM,MAAM;EACpB,QAAQ,MAAM,WAAW;EAEzB,MAAM,WAAW,OAAO;EACxB,IAAI,UAAU;GACZ,MAAM,OAAO,SAAS,cAAc,WAAW;GAC/C,KAAK,OAAO;GACZ,QAAQ,YAAY,IAAI;EAC1B;EAMA,MAAM,QAAQ,SAAS,cAAc,MAAM;EAC3C,MAAM,eAAe,OAAO,eAAe,IAAI,KAAK;EACpD,MAAM,MAAM,WAAW;EACvB,MAAM,MAAM,eAAe;EAC3B,MAAM,MAAM,aAAa;EACzB,QAAQ,YAAY,KAAK;EAEzB,IAAI;GACF,OAAO,gBAAgB;IAAE,QAAQ;IAAQ;GAAQ,CAAC;EACpD,QAAQ;GACN,OAAO;EACT;CACF;;;;;;;;CASA,iBAAiB,SAAiB,SAAqC;EACrE,MAAM,QAAQ,KAAKJ;EACnB,IAAI,CAAC,OACH,OAAO,KAAA;EACT,MAAM,WAAW,KAAKN,OAAO,QAAO,OAAM,OAAO,MAAM,MAAM;EAC7D,IAAI,SAAS,WAAW,GACtB,OAAO;EAET,MAAM,OAAO,CAAC,KAAKG;EAEnB,IAAI,UAAU;EACd,IAAI,WAAW;EAMf,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;GACxC,MAAM,OAAO,SAAS,GAAG,sBAAsB;GAC/C,MAAM,QAAQ,OAAO,KAAK,OAAO,KAAK;GACtC,MAAM,MAAM,OAAO,KAAK,QAAQ,KAAK;GACrC,MAAM,OAAO,QAAQ,OAAO;GAC5B,MAAM,MAAM,OAAO,UAAU;GAI7B,MAAM,SAAS,KAAK,IAAI,MAAM,KAAK;GACtB,KAAK,IAAI,MAAM,GAAG;GAC/B,MAAM,OAAO,KAAK,IAAI,MAAM,GAAG;GAK/B,IADqB,MAAM;QAGrB,SAAS,UAAU;KACrB,WAAW;KACX,UAAU;IACZ;UAGA,IAAI,OAAO,UAAU;IACnB,WAAW;IACX,UAAU,IAAI;GAChB;EAKJ;EAEA,OAAO;CACT;CAEA,qBAAyC;EACvC,MAAM,QAAQ,KAAKG;EACnB,IAAI,CAAC,OAAO,UAAU,MAAM,aAAa,KAAA,GACvC,OAAO,KAAA;EAET,MAAM,WAAW,KAAKN,OAAO,QAAO,OAAM,OAAO,MAAM,MAAM;EAC7D,IAAI,SAAS,WAAW,GACtB,OAAO,KAAA;EAET,MAAM,OAAO,CAAC,KAAKG;EACnB,MAAM,gBAAgB,KAAKM,cAAc,sBAAsB;EAC/D,IAAI,CAAC,eACH,OAAO,KAAA;EAET,MAAM,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,UAAU,SAAS,MAAM,CAAC;EACjE,IAAI,OAAuB;EAC3B,IAAI,MAAM,SAAS,QACjB,OAAO,SAAS,KAAK,sBAAsB;OAI3C,OADa,SAAS,SAAS,SAAS,GAAG,sBACjC;EAGZ,IAAI,MAAM;GACR,MAAM,KAAK,MAAM,SAAS,SAAS,KAAK,OAAO,KAAK,SAAS,cAAc;GAC3E,MAAM,IAAI;GACV,MAAM,IAAI,cAAc;GACxB,MAAM,IAAI;GACV,OAAO,wBAAwB,IAAI,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE;EACnF,OAAO;GACL,MAAM,KAAK,MAAM,SAAS,SAAS,KAAK,MAAM,KAAK,UAAU,cAAc;GAC3E,MAAM,IAAI;GACV,MAAM,IAAI,cAAc;GACxB,MAAM,IAAI;GACV,OAAO,wBAAwB,EAAE,MAAM,IAAI,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE;EACnF;CACF;CAEA,IAAIA,eAAmC;EACrC,OAAO,KAAK,YAAY,eAAe,WAAW,KAAK;CACzD;;gBAEgB,CAAC,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiGnC;;AACH;YA3tBG,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,eAAA,WAAA,eAAA,KAAA,CAAA;YAGzB,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,eAAA,WAAA,QAAA,KAAA,CAAA;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,eAAA,WAAA,cAAA,KAAA,CAAA;YAG1B,SAAS;CAAE,MAAM;CAAS,WAAW;AAAc,CAAC,CAAA,GAAA,eAAA,WAAA,cAAA,KAAA,CAAA;YAGpD,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAY,CAAC,CAAA,GAAA,eAAA,WAAA,YAAA,KAAA,CAAA;6BAdnDmB,kBAAc,eAAe,CAAA,GAAA,cAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"tickled-controller-JDOR9B8V.d.ts","names":[],"sources":["../src/interaction/tickled-controller.ts"],"mappings":";;;;;AAKA;KAAY,WAAA;EAAW;;;EAAA,SAIZ,EAAA,EAAI,CAAC;EAAD;;;EAAA,SAKJ,OAAA;AAAA;;;;KAMC,SAAA;AAKZ;;;AAAA,KAAY,uBAAA;EAIoB;;;EAA9B,QAAA,QAAgB,aAAA,CAAc,WAAA,CAAY,CAAA;EAoCd;;;;;EA7B5B,QAAA,IAAY,EAAA,EAAI,CAAA;EAP0B;;;;;;;;AAoCd;AA0D9B;;;;;;;;;;;;;EA/DE,aAAA;EA+DoD;;;EA1DpD,gBAAA,GAAmB,SAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8RS;;;;;;;;;;;;cApOjB,iBAAA,wBAAyC,kBAAA;EAAA,QAC5C,IAAA;EAAA,QACA,MAAA;EAAA,QACA,UAAA;EAAA,QACA,UAAA;EAAA,eAEO,iBAAA;EAAA,eACA,iBAAA;EAAA,eACA,wBAAA;EAAA,eACA,iBAAA;EAAA,wBAES,oBAAA;cAIZ,IAAA,EAAM,sBAAA,EAAwB,MAAA,EAAQ,uBAAA,CAAwB,CAAA;EAO1E,aAAA;EAOA,gBAAA;;;;MAUI,SAAA,IAAa,SAAA;;;;MAOb,SAAA,IAAa,CAAA;;;;EAOjB,SAAA,CAAU,EAAA,EAAI,CAAA;;;;;;iBASC,uBAAA;;;;;aAiBJ,0BAAA;;;;;;EASX,kBAAA,CAAmB,EAAA,EAAI,CAAA;;;;;;EAiCvB,kBAAA,CAAmB,EAAA,EAAI,YAAA;;;;;;;EAYvB,wBAAA,CAAyB,SAAA,2CAAoD,CAAA;;;;;EAyD7E,UAAA,CAAW,EAAA,EAAI,CAAA;;;;;;EAmBf,YAAA;;;;;EAmBA,YAAA,CAAa,IAAA,EAAM,SAAA;AAAA"}

package/dist/tickled-styles-Bgo_Lpw-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tickled-styles-Bgo_Lpw-.js","names":[],"sources":["../src/interaction/tickled-controller.ts","../src/interaction/tickled-styles.ts"],"sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\n/**\n * Represents an item that can be tickled (highlighted via hover or keyboard navigation)\n */\nexport type TickledItem<T = unknown> = {\n  /**\n   * Unique identifier for the item (e.g., index, id, path)\n   */\n  readonly id: T;\n\n  /**\n   * Whether the item is currently enabled/interactive\n   */\n  readonly enabled?: boolean;\n};\n\n/**\n * Input mode determines which mechanism controls the tickled state\n */\nexport type InputMode = `keyboard` | `mouse`;\n\n/**\n * Configuration for TickledController\n */\nexport type TickledControllerConfig<T> = {\n  /**\n   * Function to retrieve all items that can be tickled\n   */\n  getItems: () => ReadonlyArray<TickledItem<T>>;\n\n  /**\n   * Optional callback when an item becomes tickled\n   * Use this for side effects like opening submenus\n   * @param id - The id of the newly tickled item, or undefined if nothing is tickled\n   */\n  onTickle?: (id: T | undefined) => void;\n\n  /**\n   * Optional callback fired after any state change (tickled id or input mode)\n   * Use this to sync DOM attributes for slotted content that can't use reactive rendering\n   *\n   * For components that render items directly, this is usually not needed as\n   * Lit's reactive rendering will handle updates automatically via requestUpdate()\n   *\n   * @example\n   * ```ts\n   * onStateChange: () => {\n   *   // Sync data-tickled attributes for slotted items\n   *   const items = this.getItems();\n   *   items.forEach((item, i) => {\n   *     if (this.tickled.isTickled(i)) {\n   *       item.setAttribute('data-tickled', '');\n   *     } else {\n   *       item.removeAttribute('data-tickled');\n   *     }\n   *   });\n   * }\n   * ```\n   */\n  onStateChange?: () => void;\n\n  /**\n   * Optional initial input mode (defaults to 'mouse')\n   */\n  initialInputMode?: InputMode;\n};\n\n/**\n * ReactiveController that manages \"tickled\" state for interactive lists.\n *\n * A \"tickled\" item is one that is under active attention via hover (mouse mode)\n * or keyboard focus (keyboard mode). Only one item can be tickled at a time.\n *\n * The input mode determines which mechanism controls tickled state:\n * - Mouse mode: hover controls tickled, keyboard navigation ignored\n * - Keyboard mode: keyboard navigation controls tickled, hover ignored\n *\n * Last interaction wins - any mouse hover switches to mouse mode, any keyboard\n * navigation switches to keyboard mode.\n *\n * ## Global Mouse Tracking\n *\n * This controller uses a single, ref-counted global `pointermove` listener (shared\n * across all instances) to track actual mouse movement. This prevents `pointerenter`\n * events caused by content scrolling from incorrectly switching to mouse mode when\n * the user is actually using keyboard navigation. The listener is attached when the\n * first host connects and removed once the last host disconnects.\n *\n * @example\n * ```ts\n * class MyList extends LitElement {\n *   private tickled = new TickledController(this, {\n *     getItems: () => this.items.map((item, i) => ({ id: i, enabled: !item.disabled })),\n *     onTickle: (id) => {\n *       // Optional: perform side effect when item is tickled\n *       console.log('Tickled item:', id);\n *     }\n *   });\n *\n *   render() {\n *     return html`\n *       <ul @pointerleave=${(e) => this.tickled.handlePointerLeave(e)}>\n *         ${this.items.map((item, i) => html`\n *           <li\n *             class=\"item ${this.tickled.isTickled(i) ? 'tickled' : ''}\"\n *             @pointerenter=${() => this.tickled.handlePointerEnter(i)}\n *           >${item.label}</li>\n *         `)}\n *       </ul>\n *     `;\n *   }\n *\n *   private handleKeyDown(e: KeyboardEvent) {\n *     if (e.key === 'ArrowDown') {\n *       this.tickled.handleKeyboardNavigation('next');\n *     } else if (e.key === 'ArrowUp') {\n *       this.tickled.handleKeyboardNavigation('previous');\n *     }\n *   }\n * }\n * ```\n */\nexport class TickledController<T = number> implements ReactiveController {\n  private host: ReactiveControllerHost;\n  private config: TickledControllerConfig<T>;\n  private _tickledId: T | undefined = undefined;\n  private _inputMode: InputMode;\n\n  private static _lastMouseClientX: number = Number.NaN;\n  private static _lastMouseClientY: number = Number.NaN;\n  private static _mouseMovedSinceKeyboard: boolean = true;\n  private static _listenerRefCount: number = 0;\n\n  private static readonly _onGlobalPointerMove = (e: PointerEvent): void => {\n    TickledController.handleGlobalPointerMove(e.clientX, e.clientY);\n  };\n\n  constructor(host: ReactiveControllerHost, config: TickledControllerConfig<T>) {\n    this.host = host;\n    this.config = config;\n    this._inputMode = config.initialInputMode ?? `mouse`;\n    host.addController(this);\n  }\n\n  hostConnected(): void {\n    if (TickledController._listenerRefCount === 0) {\n      document.addEventListener(`pointermove`, TickledController._onGlobalPointerMove, { passive: true });\n    }\n    TickledController._listenerRefCount++;\n  }\n\n  hostDisconnected(): void {\n    TickledController._listenerRefCount--;\n    if (TickledController._listenerRefCount === 0) {\n      document.removeEventListener(`pointermove`, TickledController._onGlobalPointerMove);\n    }\n  }\n\n  /**\n   * Get the current input mode\n   */\n  get inputMode(): InputMode {\n    return this._inputMode;\n  }\n\n  /**\n   * Get the currently tickled item id\n   */\n  get tickledId(): T | undefined {\n    return this._tickledId;\n  }\n\n  /**\n   * Check if a specific item is tickled\n   */\n  isTickled(id: T): boolean {\n    return this._tickledId === id;\n  }\n\n  /**\n   * Handle global pointer move event.\n   * Called automatically by the global listener.\n   * Tracks mouse movement to distinguish real hover from content scrolling.\n   */\n  private static handleGlobalPointerMove(clientX: number, clientY: number): void {\n    if (!Number.isNaN(TickledController._lastMouseClientX)) {\n      if (\n        clientX !== TickledController._lastMouseClientX\n        || clientY !== TickledController._lastMouseClientY\n      ) {\n        TickledController._mouseMovedSinceKeyboard = true;\n      }\n    }\n    TickledController._lastMouseClientX = clientX;\n    TickledController._lastMouseClientY = clientY;\n  }\n\n  /**\n   * Check if actual mouse movement has occurred since last keyboard interaction.\n   * Used to distinguish real hover/leave from content-scrolling-induced events.\n   */\n  static get hasMouseMovedSinceKeyboard(): boolean {\n    return TickledController._mouseMovedSinceKeyboard;\n  }\n\n  /**\n   * Handle pointer enter event on an item (mouse hover).\n   * Only processes if actual mouse movement is detected (not content scrolling).\n   * Switches to mouse mode and tickles the item.\n   */\n  handlePointerEnter(id: T): void {\n    if (!TickledController._mouseMovedSinceKeyboard) {\n      return;\n    }\n\n    const items = this.config.getItems();\n    const item = items.find(item => item.id === id);\n    if (item && item.enabled === false) {\n      return;\n    }\n\n    const modeChanged = this._inputMode !== `mouse`;\n    this._inputMode = `mouse`;\n\n    const previousId = this._tickledId;\n    this._tickledId = id;\n\n    this.host.requestUpdate();\n\n    if (previousId !== id && this.config.onTickle) {\n      this.config.onTickle(id);\n    }\n\n    if ((previousId !== id || modeChanged) && this.config.onStateChange) {\n      this.config.onStateChange();\n    }\n  }\n\n  /**\n   * Handle pointer leave event on an item.\n   * Only clears tickled state if actual mouse movement is detected.\n   * @param _e The pointer event (not used, but kept for API compatibility)\n   */\n  handlePointerLeave(_e: PointerEvent): void {\n    if (TickledController._mouseMovedSinceKeyboard) {\n      this.clearTickled();\n    }\n  }\n\n  /**\n   * Handle keyboard navigation.\n   * Switches to keyboard mode and moves tickled state.\n   *\n   * @param direction - 'next', 'previous', 'first', 'last', or specific id\n   */\n  handleKeyboardNavigation(direction: `next` | `previous` | `first` | `last` | T): void {\n    const modeChanged = this._inputMode !== `keyboard`;\n    this._inputMode = `keyboard`;\n\n    const items = this.config.getItems();\n    const enabledItems = items.filter(item => item.enabled !== false);\n\n    if (enabledItems.length === 0) {\n      return;\n    }\n\n    let newId: T | undefined;\n\n    if (direction === `first`) {\n      newId = enabledItems[0].id;\n    } else if (direction === `last`) {\n      newId = enabledItems.at(-1)?.id;\n    } else if (direction === `next` || direction === `previous`) {\n      const currentIndex = enabledItems.findIndex(item => item.id === this._tickledId);\n\n      if (currentIndex === -1) {\n        newId = direction === `next` ? enabledItems[0].id : enabledItems.at(-1)?.id;\n      } else {\n        const delta = direction === `next` ? 1 : -1;\n        const newIndex = currentIndex + delta;\n\n        if (newIndex >= 0 && newIndex < enabledItems.length) {\n          newId = enabledItems[newIndex].id;\n        }\n        // If newIndex is out of bounds, keep current tickled item\n      }\n    } else {\n      const item = enabledItems.find(item => item.id === direction);\n      if (item) {\n        newId = item.id;\n      }\n    }\n\n    if (newId !== undefined) {\n      const previousId = this._tickledId;\n      this._tickledId = newId;\n      this.host.requestUpdate();\n\n      if (previousId !== newId && this.config.onTickle) {\n        this.config.onTickle(newId);\n      }\n\n      if ((previousId !== newId || modeChanged) && this.config.onStateChange) {\n        this.config.onStateChange();\n      }\n    }\n  }\n\n  /**\n   * Manually set the tickled item (useful for programmatic control).\n   * Does NOT change input mode.\n   */\n  setTickled(id: T | undefined): void {\n    const previousId = this._tickledId;\n    this._tickledId = id;\n    this.host.requestUpdate();\n\n    if (previousId !== id && this.config.onTickle) {\n      this.config.onTickle(id);\n    }\n\n    if (previousId !== id && this.config.onStateChange) {\n      this.config.onStateChange();\n    }\n  }\n\n  /**\n   * Clear the tickled state (e.g., on pointer leave).\n   * Note: For pointer leave events, prefer using handlePointerLeave() which\n   * checks for actual mouse movement.\n   */\n  clearTickled(): void {\n    if (this._tickledId !== undefined) {\n      this._tickledId = undefined;\n      this.host.requestUpdate();\n\n      if (this.config.onTickle) {\n        this.config.onTickle(undefined);\n      }\n\n      if (this.config.onStateChange) {\n        this.config.onStateChange();\n      }\n    }\n  }\n\n  /**\n   * Manually set the input mode.\n   * When switching to keyboard mode, resets the mouse movement tracking.\n   */\n  setInputMode(mode: InputMode): void {\n    if (this._inputMode !== mode) {\n      this._inputMode = mode;\n      this.host.requestUpdate();\n\n      if (mode === `keyboard`) {\n        TickledController._mouseMovedSinceKeyboard = false;\n      }\n\n      if (this.config.onStateChange) {\n        this.config.onStateChange();\n      }\n    }\n  }\n}\n","import { css } from 'lit';\n\n/**\n * Shared CSS styles for tickled interaction pattern.\n *\n * Tickled state is controlled via the `.tickled` CSS class (applied by TickledController).\n * The `tickledItemStyles` provides base styling that all tickled components should use.\n *\n * ## CSS Variable Contract\n *\n * **Style variables** — `tickledItemStyles` only consumes these via `var()`; it\n * defines no defaults itself. Fallback values (used when no theme CSS is loaded)\n * are registered in `themeFallbacks` (`../styles/fallbacks.ts`) and mirror the\n * documented base theme in `user-theming.md`:\n * - `--item-bg`, `--item-bg-tickled`, `--item-bg-selected`, `--item-bg-selected-tickled`\n * - `--item-border`, `--item-border-tickled`, `--item-border-selected` (full border shorthands, not colours)\n * - `--item-text-tickled`, `--item-text-selected`\n * - `--item-padding`, `--item-border-radius`, `--item-icon-spacing`\n *\n * ## Usage\n *\n * Components should import both `tickledStyles` and `tickledItemStyles`:\n *\n * ```ts\n * import { tickledStyles, tickledItemStyles } from '../interaction/index.js';\n *\n * class MyComponent extends LitElement {\n *   static styles = [\n *     tickledStyles,\n *     tickledItemStyles,\n *     css`\n *       :host {\n *         --item-bg-tickled: #e0e0e0;\n *         --item-bg-selected: #1976d2;\n *       }\n *     `\n *   ];\n * }\n * ```\n */\n\nexport const tickledStyles = css`\n  /**\n   * No suppression needed - tickled styling is always active.\n   */\n`;\n\n/**\n * Shared item styling for tickled components.\n *\n * Provides base styles for interactive items with tickled and selected states.\n * Components should import this in addition to `tickledStyles` and can override\n * CSS variables to customize appearance.\n */\nexport const tickledItemStyles = css`\n  .item {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--item-icon-spacing);\n    padding: var(--item-padding);\n    background: var(--item-bg);\n    border: var(--item-border);\n    border-radius: var(--item-border-radius);\n    cursor: pointer;\n    user-select: none;\n    white-space: nowrap;\n    transition: background var(--transition, 0.1s ease-out), border-color var(--transition, 0.1s ease-out);\n  }\n\n  .item.tickled {\n    background: var(--item-bg-tickled);\n    border: var(--item-border-tickled);\n    color: var(--item-text-tickled);\n  }\n\n  .item.selected {\n    background: var(--item-bg-selected);\n    border: var(--item-border-selected);\n    color: var(--item-text-selected);\n  }\n\n  .item.selected.tickled {\n    background: var(--item-bg-selected-tickled);\n    outline: 2px dashed var(--surface-3);\n    outline-offset: -2px;\n  }\n`;"],"mappings":"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"}

package/dist/tooltip-BMTSUPBU.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-BMTSUPBU.d.ts","names":[],"sources":["../src/util/tooltip.ts"],"mappings":";;;KAQY,mBAAA,IAAuB,CAAU;AAAA,KACjC,mBAAA;AAAA,cAoCC,cAAA,SAAuB,UAAA;EAAA;EACzB,iBAAA;EAAA,OAKF,eAAA,GAAmB,CAAA;EAAA,OAEnB,gBAAA,EAAkB,mBAAA;EAYzB,kBAAA,EAAoB,mBAAA;EAGpB,WAAA,EAAa,mBAAA;EAGb,MAAA;EAGA,KAAA;EAGA,IAAA;EAAA,UAkBU,MAAA,kBAAM,cAAA;EAAA,UA+BN,gBAAA;AAAA;AAAA,QAKJ,MAAA;EAAA,UACI,qBAAA;IACR,cAAA,EAAgB,cAAc;EAAA;AAAA"}

package/dist/tree-component-CDLO1ITF.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-component-CDLO1ITF.d.ts","names":[],"sources":["../src/common/data-provider.ts","../src/common/types.ts","../src/common/tree-data-model.ts","../src/common/tree-component.ts"],"mappings":"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"}

package/dist/types-DSfbtHs3.d.ts

@@ -1,8 +0,0 @@
-//#region src/tree/types.d.ts
-/** Tree layout/display configuration (tree-specific, not shared). */
-type TreeConfig = {
-  indent: number;
-};
-//#endregion
-export { TreeConfig as t };
-//# sourceMappingURL=types-DSfbtHs3.d.ts.map

package/dist/types-DSfbtHs3.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types-DSfbtHs3.d.ts","names":[],"sources":["../src/tree/types.ts"],"mappings":";;KAqCY,UAAA;EACV,MAAM;AAAA"}

package/dist/wheel-nudge-C-ra_1os.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"wheel-nudge-C-ra_1os.d.ts","names":[],"sources":["../src/mixins/wheel-nudge.ts"],"mappings":";;;;AASA;;;KAAY,cAAA;AAAc;AAY1B;;;;;;;;;AAZ0B,UAYT,kBAAA;EACf,gBAAA,CAAiB,SAAA,EAAW,cAAA,EAAgB,KAAA,EAAO,UAAU;EAC7D,kBAAA;AAAA;;;;;KAOU,sBAAA,UAAgC,KAAA,GAAQ,kBAAkB"}

package/dist/xy-axis-BpA2eJq6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xy-axis-BpA2eJq6.js","names":["#options","#rangeManual","#recompute","#rangeAuto","#rangeStream","#renderIcon","customElement","#addToSeries","#ensurePlot","#seriesSet","#seriesOrder","#instances","#pendingStyles","#onSubPlotPointerMove","#onSubPlotPointerLeave","#escapeHTML","customElement","#bucketIndexFromPointer","#setInlineIndex","#updateBubbleTooltip","#hasProgrammaticData","#series","#parseDeclarativeData","#resetHoverState","#readCssVar","#computeGeometry","#getGapPx","#getBarLengthOverride","#computeBars","#valueRefreshTimer","#clearValueRefreshTimer","#scheduleValueRefresh","#tooltipShowTimer","#tooltipHideTimer","#tooltipVisible","#tooltipIndex","#tooltipPosition","#clearBubbleTooltip","#tooltipPositionFor","#refreshBubbleText","#formatBarAt","#emitClick","#onPointerMove","#onPointerLeave","customElement","#lastClientX","#lastClientY","#updateTooltip","#getIndexFromX","#series","#hasProgrammaticData","#updateTooltipAtLastPos","#parseDeclarativeData","#computePoints","#renderByStyle","#onPointerMove","#onPointerLeave","#onClick","customElement","#lastClientX","#lastClientY","#updateTooltip","#findNearestPoint","#lastPoints","#xSeries","#ySeries","#updateTooltipAtLastPos","#computePoints","#computeColours","#onPointerMove","#onPointerLeave","#onClick","customElement"],"sources":["../src/plots/colour-map.ts","../src/plots/data.ts","../src/util/is-numeric.ts","../src/util/tooltip.ts","../src/plots/svg-utils.ts","../src/plots/multi-axis.ts","../src/plots/plot-histogram.ts","../src/plots/single-axis.ts","../src/plots/xy-axis.ts"],"sourcesContent":["/**\n * Colour mapping for plot components.\n *\n * Pipeline:\n *   scaledValue (0..1)\n *     → applyMapping (easing / custom fn)\n *     → computeColour  (mode → ColourResult)\n *     → applyAgeModification  (xy-axis only, compounds age-style on top)\n */\nimport type { EasingName } from '@ixfx/modulation';\nimport { Easings } from '@ixfx/modulation';\nimport { Colour } from '@ixfx/visual';\n\n// --- Types ---\n\nexport type ColourMode = `fixed` | `opacity` | `hue` | `saturation` | `lightness` | `scale`;\n\nexport type ColourMapConfig = {\n  mode: ColourMode;\n  /** Parsed colours for 'scale' mode. Must have ≥ 2 entries. */\n  palette: string[];\n  /** ixfx easing name — applied before the colour mode mapping. Takes precedence over valueMap. */\n  easingName: string;\n  /** Custom value mapping fn (0..1 → 0..1). Used when easingName is empty. */\n  valueMap: ((v: number) => number) | null;\n};\n\nexport type ColourResult = { fill: string; opacity: number };\n\n// --- Defaults ---\n\nconst DEFAULT_BASE = `oklch(60% 0.15 140)`;\nconst DEFAULT_PALETTE = [`green`, `yellow`, `red`];\n\n// --- Scale cache: keyed by palette string to avoid recomputing colour steps every render ---\n\nconst _scaleCache = new Map<string, string[]>();\n\nfunction getScaleSteps(palette: string[]): string[] {\n  const key = palette.join(`\\x00`);\n  if (!_scaleCache.has(key)) {\n    _scaleCache.set(key, Colour.scale(palette as Parameters<typeof Colour.scale>[0], { stepsBetween: 99 }));\n  }\n  return _scaleCache.get(key)!;\n}\n\n// --- Helpers ---\n\n/** Resolve a CSS custom property to its final value, handling var() references. */\nfunction resolveCssVariable(el: Element, prop: string): string {\n  const style = getComputedStyle(el);\n  let value = style.getPropertyValue(prop).trim();\n\n  // Handle var() references - resolve up to 5 levels deep\n  const varRegex = /var\\((--[\\w-]+)(?:,\\s*(.*))?\\)/g;\n  for (let i = 0; i < 5 && value.includes(`var(`); i++) {\n    value = value.replace(varRegex, (_, varName, fallback) => {\n      const resolved = style.getPropertyValue(varName).trim();\n      if (resolved)\n        return resolved;\n      if (fallback)\n        return fallback.trim();\n      return ``;\n    });\n  }\n\n  return value;\n}\n\n/** Read the resolved --plot-color CSS variable from an element. */\nexport function readBaseColour(el: Element): string {\n  const v = resolveCssVariable(el, `--plot-color`);\n  return v || DEFAULT_BASE;\n}\n\n/** Parse a comma-separated colour string attribute into an array. Falls back to default palette. */\nexport function parseColourScaleAttr(attr: string): string[] {\n  if (!attr.trim())\n    return DEFAULT_PALETTE;\n  const parsed = attr.split(`,`).map(s => s.trim()).filter(Boolean);\n  return parsed.length >= 2 ? parsed : DEFAULT_PALETTE;\n}\n\n/** Parse any CSS colour string to HSL scalars (h, s, l all 0..1). */\nfunction toHslScalar(css: string): { h: number; s: number; l: number } {\n  try {\n    const hsl = Colour.HslSpace.fromCss(css, { scalar: true });\n    return { h: hsl.h, s: hsl.s, l: hsl.l };\n  } catch {\n    return { h: 0.39, s: 0.5, l: 0.55 }; // ~green fallback\n  }\n}\n\n/** Apply easing or custom mapping to a 0..1 value. Returns clamped 0..1. */\nfunction applyMapping(v: number, config: ColourMapConfig): number {\n  const clamped = Math.max(0, Math.min(1, v));\n  if (config.easingName) {\n    try {\n      return Math.max(0, Math.min(1, Easings.get(config.easingName as EasingName)(clamped)));\n    } catch { /* invalid easing name — fall through */ }\n  }\n  if (config.valueMap) {\n    return Math.max(0, Math.min(1, config.valueMap(clamped)));\n  }\n  return clamped;\n}\n\n// --- Main colour computation ---\n\n/**\n * Compute the fill colour and opacity for a single data point.\n * @param scaledValue  Normalised value in 0..1 (data range for single-axis; age fraction for xy).\n * @param baseColour   Resolved base colour string (from --plot-color).\n * @param config       Colour map configuration.\n */\nexport function computeColour(scaledValue: number, baseColour: string, config: ColourMapConfig): ColourResult {\n  const mapped = applyMapping(scaledValue, config);\n\n  switch (config.mode) {\n    case `fixed`:\n      return { fill: baseColour, opacity: 1 };\n\n    case `opacity`:\n      return { fill: baseColour, opacity: Math.max(0.04, mapped) };\n\n    case `hue`: {\n      const hsl = toHslScalar(baseColour);\n      return {\n        fill: `hsl(${Math.round(mapped * 360)}deg ${Math.round(hsl.s * 100)}% ${Math.round(hsl.l * 100)}%)`,\n        opacity: 1,\n      };\n    }\n\n    case `saturation`: {\n      const hsl = toHslScalar(baseColour);\n      return {\n        fill: `hsl(${Math.round(hsl.h * 360)}deg ${Math.round(mapped * 100)}% ${Math.round(hsl.l * 100)}%)`,\n        opacity: 1,\n      };\n    }\n\n    case `lightness`: {\n      const hsl = toHslScalar(baseColour);\n      return {\n        fill: `hsl(${Math.round(hsl.h * 360)}deg ${Math.round(hsl.s * 100)}% ${Math.round(mapped * 100)}%)`,\n        opacity: 1,\n      };\n    }\n\n    case `scale`: {\n      const palette = config.palette.length >= 2 ? config.palette : DEFAULT_PALETTE;\n      const steps = getScaleSteps(palette);\n      const idx = Math.min(steps.length - 1, Math.floor(mapped * steps.length));\n      return { fill: steps[idx], opacity: 1 };\n    }\n\n    default:\n      return { fill: baseColour, opacity: 1 };\n  }\n}\n\n/**\n * Apply xy-axis age-style modification on top of a base ColourResult.\n * 'size' is not handled here — the caller adjusts the radius separately.\n */\nexport function applyAgeModification(base: ColourResult, ageFraction: number, ageStyle: string): ColourResult {\n  if (ageStyle === `opacity`) {\n    return { ...base, opacity: base.opacity * Math.max(0.08, ageFraction ** 0.6) };\n  }\n  if (ageStyle === `desaturation`) {\n    const hsl = toHslScalar(base.fill);\n    const sFaded = hsl.s * ageFraction; // older → less saturation\n    return {\n      fill: `hsl(${Math.round(hsl.h * 360)}deg ${Math.round(sFaded * 100)}% ${Math.round(hsl.l * 100)}%)`,\n      opacity: base.opacity,\n    };\n  }\n  return base;\n}\n","import { rangeStream } from \"@ixfx/numbers\";\n\nexport type PlotDataSeriesOptions = {\n  /**\n   * Limit of how many data points to store.\n   * Default: 100\n   */\n  capacityLimit: number;\n  /**\n   * If _true_, it maintains the same scale over its lifetime.\n   * If _false_, scale adjusts based on items in its cache.\n   *\n   * Default: true\n   */\n  persistentScaling: boolean;\n\n  fixedRange: { min: number; max: number } | null;\n};\n\n/**\n * A data series\n */\nexport class PlotDataSeries {\n  values: number[] = [];\n  #rangeStream = rangeStream();\n  #rangeAuto: { min: number; max: number } = { min: 0, max: 0 };\n  #rangeManual: { min: number; max: number } | null = null;\n  #options: PlotDataSeriesOptions;\n\n  /**\n   * Constructor.\n   *\n   * Default options:\n   * - `capacityLimit`: 100\n   * - `persistentScaling`: true\n   * - `fixedRange`: null\n   * @param options\n   */\n  constructor(options: Partial<PlotDataSeriesOptions> = {}) {\n    this.#options = {\n      capacityLimit: 100,\n      persistentScaling: true,\n      fixedRange: null,\n      ...options,\n    };\n    if (this.#options.fixedRange !== null) {\n      this.#rangeManual = this.#options.fixedRange;\n    }\n  }\n\n  /**\n   * Sets a manual range, this disabled auto-scaling.\n   * Use {@link unsetRange} to re-enable auto-scaling.\n   * @param min\n   * @param max\n   */\n  setRange(min: number, max: number) {\n    this.#rangeManual = { min, max };\n  }\n\n  /**\n   * Disable the manual range\n   */\n  unsetRange() {\n    this.#rangeManual = null;\n    this.#recompute();\n  }\n\n  get isAutoRange() {\n    return this.#rangeManual === null;\n  }\n\n  /**\n   * Adds a single value\n   * @param valueOrValues Value to add\n   */\n  add(valueOrValues: number | number[]) {\n    if (typeof valueOrValues === `number`) {\n      this.values.push(valueOrValues);\n      if (this.isAutoRange) {\n        this.#rangeAuto = this.#rangeStream.seen(valueOrValues);\n      }\n    } else {\n      this.values.push(...valueOrValues);\n      if (this.isAutoRange) {\n        for (const v of valueOrValues) {\n          this.#rangeAuto = this.#rangeStream.seen(v);\n        }\n      }\n    }\n    if (this.values.length > this.#options.capacityLimit) {\n      this.values = this.values.slice(this.values.length - this.#options.capacityLimit);\n      if (!this.#options.persistentScaling && this.isAutoRange) {\n        this.#recompute();\n      }\n    }\n  }\n\n  #recompute() {\n    if (!this.#options.persistentScaling) {\n      this.#rangeStream = rangeStream();\n    }\n    for (let i = 0; i < this.values.length; i++) {\n      this.#rangeAuto = this.#rangeStream.seen(this.values[i]);\n    }\n  }\n\n  /**\n   * Sets the entire data series at once, replacing any existing data. If the number of values exceeds the `capacityLimit`, only the most recent values up to the limit are kept.\n   * @param values\n   */\n  set(values: number[]) {\n    if (values.length > this.#options.capacityLimit) {\n      values = values.slice(values.length - this.#options.capacityLimit);\n    }\n    this.values = values;\n    this.#recompute();\n  }\n\n  /**\n   * Returns the manual range if this is in effect, or the automatic\n   */\n  get range() {\n    if (this.#rangeManual)\n      return this.#rangeManual;\n    return this.#rangeAuto;\n  }\n\n  /**\n   * Clear all data and reset range. If `persistentScaling` is _false_, also resets scaling to initial state.\n   * @returns _true_ if there was data to clear\n   */\n  clear(): boolean {\n    const empty = this.values.length === 0;\n    this.values = [];\n    if (!this.#options.persistentScaling) {\n      this.#recompute();\n    }\n    return !empty;\n  }\n}","export function isNumeric(str: unknown): boolean {\n  if (typeof str === `number`)\n    return true;\n  if (typeof str !== `string`)\n    return false;\n  const trimmed = str.trim();\n  return trimmed !== `` && !Number.isNaN(Number(trimmed));\n}","import { html, LitElement, nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { getIcon } from \"../icons/index.js\";\nimport { safeCustomElement as customElement } from \"./custom-elements.js\";\nimport { isNumeric } from \"./is-numeric.js\";\n\nexport type FormatValueForHuman = (v: unknown) => string;\nexport type TooltipOrientations = `top` | `right` | `bottom` | `left`;\n\n// `ixfx-tooltip` renders to light DOM (see createRenderRoot() below) so it can inherit\n// styling from whatever shadow root it's embedded in (e.g. range-input bundles its own\n// tooltipValueStyles for a scoped bubble-arrow look). That means Lit's `static styles`\n// mechanism can't apply here (it needs adoptedStyleSheets, only available on a ShadowRoot\n// or Document) - so a *standalone* `ixfx-tooltip` (appended directly to <body>, not nested\n// in another component's shadow root) gets no styling at all unless something supplies it.\n// This injects that baseline once, globally, scoped to the bare tag so it never leaks into\n// (or fights with) a host component's own shadow-scoped tooltip styles.\nlet _baseStylesInjected = false;\nfunction ensureBaseTooltipStyles(): void {\n  if (_baseStylesInjected)\n    return;\n  _baseStylesInjected = true;\n  const style = document.createElement(`style`);\n  style.textContent = `\n    ixfx-tooltip {\n      display: inline-block;\n      background: var(--surface-5);\n      color: var(--surface-5-text);\n      border: var(--border);\n      border-radius: var(--radius-l, 6px);\n      box-shadow: var(--shadow-m);\n      padding: var(--space-s, 4px);\n      font-size: 10px;\n      font-family: var(--font-family, inherit);\n    }\n    ixfx-tooltip .tooltip-type-number {\n      font-family: var(--font-mono, ui-monospace, monospace);\n    }\n  `;\n  document.head.appendChild(style);\n}\n\n@customElement(`ixfx-tooltip`)\nexport class TooltipElement extends LitElement {\n  override connectedCallback(): void {\n    super.connectedCallback();\n    ensureBaseTooltipStyles();\n  }\n\n  static numberFormatter = (v: number) => Math.floor(v).toString();\n\n  static defaultFormatter: FormatValueForHuman = (v) => {\n    if (typeof v === `number`) {\n      if (Number.isInteger(v))\n        return v.toString();\n      return v.toFixed(2);\n    } else if (typeof v === `string`) {\n      return v;\n    } else {\n      return JSON.stringify(v);\n    }\n  };\n\n  valueFormatTooltip: FormatValueForHuman = TooltipElement.defaultFormatter;\n\n  @property({ type: String })\n  orientation: TooltipOrientations = `top`;\n\n  @property({ type: String })\n  anchor = `--tooltip`;\n\n  @property()\n  value: unknown;\n\n  @property({ type: String })\n  icon?: string;\n\n  #renderIcon() {\n    if (!this.icon)\n      return nothing;\n\n    if (this.icon.startsWith(`<svg`)) {\n      return html`<span class=\"tooltip-icon\" style=\"display:inline-flex;align-items:center;margin-right:0.25em\">${unsafeHTML(this.icon)}</span>`;\n    }\n\n    const svg = getIcon(this.icon);\n\n    if (!svg)\n      return nothing;\n\n    return html`<ixfx-icon class=\"tooltip-icon\" style=\"margin-right:0.25em\" name=\"${this.icon}\"></ixfx-icon>`;\n  }\n\n  protected render() {\n    const classes = {\n      \"tooltip\": true,\n      \"tooltip-orientation-top\": this.orientation === `top`,\n      \"tooltip-orientation-bottom\": this.orientation === `bottom`,\n      \"tooltip-orientation-right\": this.orientation === `right`,\n      \"tooltip-orientation-left\": this.orientation === `left`,\n      \"tooltip-type-text\": true,\n      \"tooltip-type-number\": false,\n      \"tooltip-style-bubble\": true,\n    };\n    let value = ``;\n    switch (typeof this.value) {\n      case `number`:\n        classes[`tooltip-type-number`] = true;\n        value = this.valueFormatTooltip(this.value);\n        break;\n      case `string`:\n        if (isNumeric(this.value)) {\n          classes[`tooltip-type-number`] = true;\n          value = this.valueFormatTooltip(Number.parseFloat(this.value));\n        } else {\n          value = this.value;\n        }\n        break;\n      default:\n        value = JSON.stringify(this.value);\n    }\n    return html`<output style=\"--anchor-id: ${this.anchor}\" class=${classMap(classes)}>${this.#renderIcon()}${value}</output>`;\n  }\n\n  protected createRenderRoot() {\n    return this;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ixfx-tooltip\": TooltipElement;\n  }\n}\n","/**\n * Shared utilities for SVG-based plot components.\n */\nimport type { TooltipElement } from '../util/tooltip.js';\nimport '../util/tooltip.js';\n\n// --- Tooltip singleton ---\n\nlet _tooltipEl: HTMLDivElement | null = null;\nlet _tooltipOwner: Element | null = null;\n\nfunction ensureTooltip(): HTMLDivElement {\n  if (_tooltipEl)\n    return _tooltipEl;\n  const el = document.createElement(`div`);\n  el.style.cssText = `\n    position: fixed;\n    pointer-events: none;\n    z-index: 9999;\n    background: var(--surface-5);\n    color: var(--surface-5-text);\n    border: var(--border);\n    border-radius: var(--radius-l, 6px);\n    box-shadow: var(--shadow-m);\n    padding: 2px 6px;\n    font-size: 10px;\n    font-family: ui-monospace, monospace;\n    opacity: 0;\n    transition: opacity 0.1s ease;\n  `;\n  document.body.appendChild(el);\n  _tooltipEl = el;\n  return el;\n}\n\nexport function showTooltip(owner: Element, clientX: number, clientY: number, text: string): void {\n  const el = ensureTooltip();\n  _tooltipOwner = owner;\n  el.textContent = text;\n  el.style.whiteSpace = `nowrap`;\n  el.style.left = `${clientX + 14}px`;\n  el.style.top = `${clientY + 14}px`;\n  el.style.opacity = `1`;\n}\n\nexport function showTooltipHTML(owner: Element, clientX: number, clientY: number, html: string): void {\n  const el = ensureTooltip();\n  _tooltipOwner = owner;\n  el.innerHTML = html;\n  el.style.whiteSpace = `normal`;\n  el.style.left = `${clientX + 14}px`;\n  el.style.top = `${clientY + 14}px`;\n  el.style.opacity = `1`;\n}\n\nexport function hideTooltip(owner: Element): void {\n  if (_tooltipOwner !== owner)\n    return;\n  const el = ensureTooltip();\n  el.style.opacity = `0`;\n  _tooltipOwner = null;\n}\n\n// --- Bar/segment bubble tooltip (ixfx-tooltip based) ---\n//\n// Unlike showTooltip() above (which tracks the cursor directly), this variant is meant\n// for discrete hover targets (e.g. histogram buckets): the caller decides *when* to\n// (re)position it (typically only on a hovered-index change, not on every pointermove),\n// and where along the cross-axis it should sit (typically cursor-relative, captured once).\n\nlet _bubbleEl: TooltipElement | null = null;\nlet _bubbleOwner: Element | null = null;\n\n// Visual chrome (background/border/radius/shadow/padding/font) is intrinsic to `ixfx-tooltip`\n// itself (see ensureBaseTooltipStyles() in util/tooltip.ts) - only positioning/animation is set here.\nfunction ensureBubble(): TooltipElement {\n  if (_bubbleEl)\n    return _bubbleEl;\n  const el = document.createElement(`ixfx-tooltip`) as TooltipElement;\n  el.style.cssText = `\n    position: fixed;\n    z-index: 9999;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity 0.12s ease;\n  `;\n  document.body.appendChild(el);\n  _bubbleEl = el;\n  return el;\n}\n\n/**\n * Shows/repositions an `ixfx-tooltip` bubble.\n * `mainClient` centers the bubble along the given axis (e.g. a bar's midpoint);\n * `crossClient` places it along the other axis (e.g. an offset from the cursor).\n */\nexport function showBubbleTooltip(owner: Element, text: string, mainClient: number, crossClient: number, orientation: `horizontal` | `vertical`): void {\n  const el = ensureBubble();\n  _bubbleOwner = owner;\n  el.value = text;\n  if (orientation === `horizontal`) {\n    el.style.left = `${mainClient}px`;\n    el.style.top = `${crossClient}px`;\n    el.style.transform = `translate(-50%, -100%)`;\n  } else {\n    el.style.left = `${crossClient}px`;\n    el.style.top = `${mainClient}px`;\n    el.style.transform = `translate(0, -50%)`;\n  }\n  el.style.opacity = `1`;\n}\n\nexport function hideBubbleTooltip(owner: Element): void {\n  if (_bubbleOwner !== owner)\n    return;\n  const el = ensureBubble();\n  el.style.opacity = `0`;\n  _bubbleOwner = null;\n}\n\n// --- Sizing helpers ---\n\n/** Stroke width proportional to the smaller dimension of the viewport. */\nexport function adaptiveStroke(width: number, height: number): number {\n  return Math.max(1, Math.min(width, height) / 25);\n}\n\n/** Dot radius based on available space per data point and viewport height. */\nexport function adaptiveRadius(width: number, height: number, dataLength: number): number {\n  if (dataLength === 0)\n    return 3;\n  const widthPerPoint = width / dataLength;\n  return Math.max(1.5, Math.min(widthPerPoint * 0.45, height * 0.2, 8));\n}\n\n// --- Value scaling ---\n\n/** Normalize a value from [min, max] to [0, 1]. Returns 0.5 if range is zero. */\nexport function scaleValue(v: number, min: number, max: number): number {\n  const range = max - min;\n  return range === 0 ? 0.5 : (v - min) / range;\n}\n","import type { PlotSingleAxis, PlotSingleAxisPointerMoveDetail } from './single-axis.js';\nimport { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport { hideTooltip, showTooltipHTML } from './svg-utils.js';\n\nexport type PlotMultiAxisLayout = `overlap` | `horizontal` | `vertical` | `grid`;\n\nexport type PlotMultiAxisDataPointClickDetail = {\n  readonly value: number;\n  readonly index: number;\n  readonly series: string;\n};\n\nexport type PlotMultiAxisDataPointClickEvent = CustomEvent<PlotMultiAxisDataPointClickDetail>;\n\nexport interface PlotMultiAxisElementEventMap {\n  'plot-datapoint-click': PlotMultiAxisDataPointClickEvent;\n}\n\nconst PLOT_PALETTE = [\n  `oklch(60% 0.15 30)`,\n  `oklch(60% 0.15 90)`,\n  `oklch(60% 0.15 150)`,\n  `oklch(60% 0.15 210)`,\n  `oklch(60% 0.15 270)`,\n  `oklch(60% 0.15 330)`,\n  `oklch(60% 0.15 60)`,\n  `oklch(60% 0.15 180)`,\n];\n\n@customElement(`ixfx-plot-multi-axis`)\n// eslint-disable-next-line ts/no-unsafe-declaration-merging\nexport class PlotMultiAxis extends LitElement {\n  @property() layout: PlotMultiAxisLayout = `overlap`;\n\n  @property({ attribute: `grid-min-width`, type: Number })\n  gridMinWidth = 200;\n\n  /** Override to customize tooltip value display. */\n  valueFormat: (v: number | undefined) => string = v => v ? v.toFixed(2) : ``;\n\n  #instances = new Map<string, PlotSingleAxis>();\n  #seriesOrder: string[] = [];\n  #seriesSet = new Set<string>();\n  #pendingStyles = new Map<string, Record<string, string>>();\n\n  /**\n   * Adds a single data point\n   * @param name Series name\n   * @param value Value\n   * @param witholdRedraw If _false_ (default) plot is automatically redrawn\n   */\n  addData(name: string, value: number, witholdRedraw = false): PlotSingleAxis {\n    const el = this.#addToSeries(name, value, witholdRedraw);\n    // if (witholdRedraw)\n    //  return el;\n    // this.requestUpdate();\n    // this.redraw();\n    return el;\n  }\n\n  setData(name: string, values: number[], witholdRedraw = false): PlotSingleAxis {\n    const [el, created] = this.#ensurePlot(name);\n    if (!this.#seriesSet.has(name)) {\n      this.#seriesSet.add(name);\n      this.#seriesOrder.push(name);\n    }\n    el.set(values, witholdRedraw);\n    // if (witholdRedraw)\n    //  return el;\n    if (created)\n      this.requestUpdate();\n    return el;\n  }\n\n  setObjects(data: Record<string, number[]>, witholdRedraw = false): void {\n    const entries = Object.entries(data);\n    for (const [name, vals] of entries) {\n      this.setData(name, vals, true);\n    }\n    if (witholdRedraw)\n      return;\n    // this.requestUpdate();\n    this.redraw();\n  }\n\n  /**\n   * Calls redraw() on all subplots.\n   */\n  redraw(): void {\n    for (const el of this.#instances.values()) {\n      el.redraw();\n    }\n  }\n\n  /**\n   * Adds a record of data points to the plot. Each key in the record corresponds to a series name, and its value is added as a data point to that series. If a series does not exist for a given key, it will be created.\n   * @param data Data to add\n   * @param witholdRedraw If _false_ (default) plot is automatically redrawn after adding the data. If _true_, plot is not redrawn automatically, and you need to call `redraw()` manually to update the plot after adding the data.\n   */\n  addObject(data: Record<string, number | number[]>, witholdRedraw = false): void {\n    const entries = Object.entries(data);\n    for (const [name, val] of entries) {\n      this.#addToSeries(name, val, true);\n    }\n    if (witholdRedraw)\n      return;\n    // this.requestUpdate();\n    this.redraw();\n  }\n\n  /**\n   * Styles a series by setting CSS variables on the subplot.\n   * @param name Name of series\n   * @param styles Styles to apply\n   */\n  styleSeries(name: string, styles: Record<string, string>): void {\n    const normalised: Record<string, string> = {};\n    for (const [key, val] of Object.entries(styles)) {\n      normalised[key.startsWith(`--`) ? key : `--${key}`] = val;\n    }\n\n    const el = this.#instances.get(name);\n    if (!el) {\n      this.#pendingStyles.set(name, normalised);\n      return;\n    }\n    for (const [key, val] of Object.entries(normalised)) {\n      el.style.setProperty(key, val);\n    }\n  }\n\n  /**\n   * Clears data from all sub-plots\n   * @returns _True_ if there was data to clear\n   */\n  clear(): boolean {\n    let cleared = false;\n    for (const el of this.#instances.values()) {\n      cleared = cleared || el.clear();\n    }\n    return cleared;\n  }\n\n  /**\n   * Clears data from a given series\n   * @param name Series name\n   * @returns _True_ if series was found and had data\n   */\n  clearSeries(name: string): boolean {\n    const el = this.#instances.get(name);\n    if (el) {\n      el.clear();\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * Returns a copy of the series names\n   */\n  get series(): string[] {\n    return [...this.#seriesOrder];\n  }\n\n  #addToSeries(name: string, valueOrValues: number[] | number, withholdRedraw = false): PlotSingleAxis {\n    const [el, created] = this.#ensurePlot(name);\n\n    if (!this.#seriesSet.has(name)) {\n      this.#seriesSet.add(name);\n      this.#seriesOrder.push(name);\n    }\n\n    el.add(valueOrValues, withholdRedraw);\n    if (created)\n      this.requestUpdate();\n    return el;\n  }\n\n  #ensurePlot(name: string): [el: PlotSingleAxis, created: boolean] {\n    let el = this.#instances.get(name);\n    if (el)\n      return [el, false];\n\n    el = document.createElement(`ixfx-plot-single-axis`) as PlotSingleAxis;\n    el.tooltips = false;\n    this.#instances.set(name, el);\n\n    const colorIndex = this.#instances.size % PLOT_PALETTE.length;\n    el.style.setProperty(`--plot-color`, PLOT_PALETTE[colorIndex]);\n\n    const pending = this.#pendingStyles.get(name);\n    if (pending) {\n      for (const [key, val] of Object.entries(pending)) {\n        el.style.setProperty(key, val);\n      }\n      this.#pendingStyles.delete(name);\n    }\n\n    el.addEventListener(`plot-datapoint-click`, (e: Event) => {\n      const ce = e as CustomEvent<{ value: number; index: number }>;\n      this.dispatchEvent(\n        new CustomEvent<PlotMultiAxisDataPointClickDetail>(`plot-datapoint-click`, {\n          detail: { ...ce.detail, series: name },\n          bubbles: true,\n          composed: true,\n        }),\n      );\n    });\n\n    el.addEventListener(`plot-pointer-move`, (e: Event) => {\n      const ce = e as CustomEvent<PlotSingleAxisPointerMoveDetail>;\n      this.#onSubPlotPointerMove(ce.detail.clientX, ce.detail.clientY, ce.detail.index);\n    });\n\n    el.addEventListener(`plot-pointer-leave`, () => {\n      this.#onSubPlotPointerLeave();\n    });\n\n    return [el, true];\n  }\n\n  #onSubPlotPointerMove(clientX: number, clientY: number, index: number): void {\n    if (index < 0) {\n      hideTooltip(this);\n      return;\n    }\n\n    const parts: string[] = [];\n    for (const [name, inst] of this.#instances) {\n      const val = inst.getValueAt(index);\n      if (val === undefined)\n        continue;\n      const color = getComputedStyle(inst).getPropertyValue(`--plot-color`).trim();\n      parts.push(`<span style=\"color:${color}\">${this.#escapeHTML(name)}</span> ${this.valueFormat(val)}`);\n    }\n\n    if (parts.length === 0) {\n      hideTooltip(this);\n      return;\n    }\n\n    showTooltipHTML(this, clientX, clientY, parts.join(`<br>`));\n  }\n\n  #onSubPlotPointerLeave(): void {\n    hideTooltip(this);\n  }\n\n  #escapeHTML(s: string): string {\n    return s.replace(/&/g, `&amp;`).replace(/</g, `&lt;`).replace(/>/g, `&gt;`).replace(/\"/g, `&quot;`);\n  }\n\n  protected override render() {\n    const gridStyle = this.layout === `grid` ? `--grid-min-width: ${this.gridMinWidth}px` : ``;\n\n    return html`\n      <div\n        id=\"container\"\n        class=\"layout layout-${this.layout}\"\n        part=\"container\"\n        style=${gridStyle}\n      >\n        ${repeat(\n          this.#seriesOrder,\n          name => name,\n          name => this.#ensurePlot(name)[0],\n        )}\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n      min-height: 40px;\n      --plot-color: var(--accent);\n    }\n\n    #container {\n      width: 100%;\n      height: 100%;\n    }\n\n    #container.layout-overlap {\n      display: grid;\n    }\n    #container.layout-overlap > * {\n      grid-area: 1 / 1;\n      background: transparent;\n    }\n\n    #container.layout-horizontal {\n      display: flex;\n      flex-direction: row;\n      gap: var(--space-s, 4px);\n    }\n    #container.layout-horizontal > * {\n      flex: 1;\n      min-width: 0;\n    }\n\n    #container.layout-vertical {\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-s, 4px);\n    }\n    #container.layout-vertical > * {\n      flex: 1;\n      min-height: 0;\n    }\n\n    #container.layout-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(var(--grid-min-width, 200px), 1fr));\n      gap: var(--space-s, 4px);\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-plot-multi-axis': PlotMultiAxis;\n  }\n}\n\n// eslint-disable-next-line ts/no-unsafe-declaration-merging\nexport interface PlotMultiAxis {\n  addEventListener: {\n    <K extends keyof PlotMultiAxisElementEventMap>(\n      type: K,\n      listener: (this: PlotMultiAxis, event: PlotMultiAxisElementEventMap[K]) => void,\n      options?: boolean | AddEventListenerOptions,\n    ): void;\n    (\n      type: string,\n      listener: EventListenerOrEventListenerObject,\n      options?: boolean | AddEventListenerOptions,\n    ): void;\n  };\n}\n","/* eslint-disable ts/no-unsafe-declaration-merging */\nimport type { PropertyValues } from 'lit';\nimport { css, html, LitElement, svg } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport { PlotDataSeries } from './data.js';\nimport { hideBubbleTooltip, showBubbleTooltip } from './svg-utils.js';\n\nexport type PlotHistogramOrientation = `horizontal` | `vertical`;\n\n/**\n * - `hover`: floating `ixfx-tooltip` bubble, shown/hidden with a debounce delay.\n * - `inline`: the title overlay-text switches to the hovered bucket's value, instantly.\n * - `none`: no hover feedback.\n */\nexport type PlotHistogramValueTooltips = `hover` | `inline` | `none`;\n\nexport type PlotHistogramBucketClickDetail = {\n  readonly bucketIndex: number;\n  readonly valueMin: number;\n  readonly valueMax: number;\n  readonly relativeValue: number;\n};\n\nexport type PlotHistogramBucketClickEvent = CustomEvent<PlotHistogramBucketClickDetail>;\n\nexport interface PlotHistogramElementEventMap {\n  'plot-bucket-click': PlotHistogramBucketClickEvent;\n}\n\ntype BarLayout = {\n  count: number;\n  valueMin: number;\n  valueMax: number;\n  relativeValue: number;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n};\n\n@customElement(`ixfx-plot-histogram`)\nexport class PlotHistogram extends LitElement {\n  @property({ attribute: `orientation` })\n  orientation: PlotHistogramOrientation = `horizontal`;\n\n  @property({ type: Number })\n  resolution = 0.1;\n\n  @property({ type: Number })\n  min?: number;\n\n  @property({ type: Number })\n  max?: number;\n\n  @property({ type: Number })\n  capacity = 100;\n\n  /**\n   * Fallback overlay-text, shown when nothing is hovered.\n   * Not reflected to the native `title` attribute, so the browser's own hover tooltip doesn't show.\n   */\n  @property({ attribute: false })\n  title = ``;\n\n  @property({ type: Boolean, reflect: true })\n  paused = false;\n\n  /** How hovering a bucket is communicated: a floating tooltip, the inline overlay-text, or nothing. */\n  @property({ attribute: `value-tooltips` })\n  valueTooltips: PlotHistogramValueTooltips = `hover`;\n\n  /** Delay (ms) before the `hover` tooltip appears/disappears. Switching directly between buckets is instant. */\n  @property({ type: Number, attribute: `tooltip-delay` })\n  tooltipDelay = 400;\n\n  /** Max rate (ms) at which an already-shown value display refreshes to match live-changing bucket data. */\n  @property({ type: Number, attribute: `value-update-interval` })\n  valueUpdateInterval = 500;\n\n  /** Override to customize the value/frequency label used by the tooltip and overlay text. */\n  valueFormat: (valueMin: number, valueMax: number, frequency: number) => string\n    = (valueMin, valueMax, frequency) => `${valueMin.toFixed(2)} - ${valueMax.toFixed(2)}: ${frequency}`;\n\n  @state() private _width = 100;\n  @state() private _height = 40;\n  @state() private _hoveredIndex: number | null = null;\n  @state() private _inlineOverlayText: string | null = null;\n\n  #series = new PlotDataSeries({ capacityLimit: 100, persistentScaling: true });\n  #hasProgrammaticData = false;\n\n  #parseDeclarativeData(text: string): number[] {\n    if (!text)\n      return [];\n    const tokens = text.trim().split(/[,\\s;]+/);\n    return tokens.map(t => Number.parseFloat(t)).filter(n => !Number.isNaN(n));\n  }\n\n  add(v: number): void {\n    this.#hasProgrammaticData = true;\n    this.#series.add(v);\n    if (this.paused)\n      return;\n    this.requestUpdate();\n  }\n\n  set(values: number[]): void {\n    this.#hasProgrammaticData = true;\n    this.#series.set(values);\n    if (this.paused)\n      return;\n    this.requestUpdate();\n  }\n\n  clear(): void {\n    this.#series.clear();\n    this.requestUpdate();\n  }\n\n  protected override firstUpdated(_changed: PropertyValues): void {\n    this._width = this.clientWidth || 100;\n    this._height = this.clientHeight || 40;\n    const ro = new ResizeObserver((entries) => {\n      const e = entries[0];\n      this._width = e.contentRect.width;\n      this._height = e.contentRect.height;\n    });\n    ro.observe(this);\n\n    if (!this.#hasProgrammaticData) {\n      const data = this.#parseDeclarativeData(this.textContent ?? ``);\n      if (data.length > 0) {\n        this.#series.set(data);\n      }\n    }\n\n    // `title` is a standard global HTML attribute the browser uses for its own native hover\n    // tooltip. Read any declarative value into our (attribute-less) property, then strip the\n    // attribute so only our overlay-text/tooltip UI reacts to hover, not the browser's.\n    const declaredTitle = this.getAttribute(`title`);\n    if (declaredTitle !== null) {\n      this.title = declaredTitle;\n      this.removeAttribute(`title`);\n    }\n  }\n\n  protected override updated(changed: PropertyValues): void {\n    if (changed.has(`capacity`)) {\n      const old = [...this.#series.values];\n      this.#series = new PlotDataSeries({\n        capacityLimit: this.capacity,\n        persistentScaling: true,\n      });\n      if (old.length > 0)\n        this.#series.set(old);\n    }\n    if (changed.has(`valueTooltips`))\n      this.#resetHoverState();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#resetHoverState();\n  }\n\n  #readCssVar(name: string): string {\n    return getComputedStyle(this).getPropertyValue(name).trim();\n  }\n\n  #getGapPx(): number {\n    const val = this.#readCssVar(`--plot-histogram-gap`);\n    if (val === ``)\n      return 1;\n    const parsed = Number.parseFloat(val);\n    return Number.isFinite(parsed) ? Math.max(0, parsed) : 1;\n  }\n\n  #getBarLengthOverride(): number | null {\n    const val = this.#readCssVar(`--plot-histogram-bar-length`);\n    if (val === `` || val === `auto`)\n      return null;\n    const parsed = Number.parseFloat(val);\n    return Number.isFinite(parsed) ? Math.max(0, Math.min(1, parsed)) : null;\n  }\n\n  #emitClick(i: number, valueMin: number, valueMax: number, relativeValue: number): void {\n    this.dispatchEvent(\n      new CustomEvent<PlotHistogramBucketClickDetail>(`plot-bucket-click`, {\n        detail: { bucketIndex: i, valueMin, valueMax, relativeValue },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  /** Bucket layout + counts, shared by render() and pointer hit-testing. */\n  #computeGeometry() {\n    const { values, range } = this.#series;\n    const w = this._width;\n    const h = this._height;\n    const isHorizontal = this.orientation === `horizontal`;\n    const padding = Math.min(4, (isHorizontal ? h : w) * 0.05);\n\n    const dataMin = this.min ?? range.min;\n    const dataMax = this.max ?? range.max;\n    const dataSpan = dataMax - dataMin || 1;\n\n    const bucketCount = Math.max(1, Math.floor(1 / this.resolution));\n\n    const availableMain = (isHorizontal ? w : h) - padding * 2;\n    const availableCross = (isHorizontal ? h : w) - padding * 2;\n\n    const buckets: number[] = Array.from({ length: bucketCount }).fill(0) as number[];\n    for (const v of values) {\n      const normalized = (v - dataMin) / dataSpan;\n      const index = Math.min(bucketCount - 1, Math.max(0, Math.floor(normalized * bucketCount)));\n      buckets[index]++;\n    }\n\n    return { w, h, isHorizontal, padding, dataMin, dataMax, dataSpan, bucketCount, availableMain, availableCross, buckets };\n  }\n\n  /** Per-bucket rect geometry (SVG pixel coords) + value/count, shared by render() and pointer hit-testing. */\n  #computeBars(): BarLayout[] {\n    const { isHorizontal, padding, dataMin, dataSpan, bucketCount, availableMain, availableCross, buckets } = this.#computeGeometry();\n    const bucketSize = availableMain / bucketCount;\n    const gap = this.#getGapPx();\n    const barLengthOverride = this.#getBarLengthOverride();\n    const maxCount = Math.max(1, ...buckets);\n\n    return buckets.map((count, i) => {\n      const relativeValue = count / maxCount;\n      const barLen = barLengthOverride !== null\n        ? barLengthOverride * availableCross\n        : relativeValue * availableCross;\n\n      const valueMin = dataMin + (i / bucketCount) * dataSpan;\n      const valueMax = dataMin + ((i + 1) / bucketCount) * dataSpan;\n\n      if (isHorizontal) {\n        const x = padding + i * bucketSize;\n        const width = i === bucketCount - 1\n          ? Math.max(0, padding + availableMain - x)\n          : Math.max(0, bucketSize - gap);\n        const y = padding + availableCross - barLen;\n        return { count, valueMin, valueMax, relativeValue, x, y, width, height: barLen };\n      } else {\n        const y = padding + i * bucketSize;\n        const height = i === bucketCount - 1\n          ? Math.max(0, padding + availableMain - y)\n          : Math.max(0, bucketSize - gap);\n        return { count, valueMin, valueMax, relativeValue, x: padding, y, width: barLen, height };\n      }\n    });\n  }\n\n  /** Index of the bar rect under the pointer, or -1 if none (matches click hit-testing). */\n  #bucketIndexFromPointer(clientX: number, clientY: number): number {\n    const rect = this.getBoundingClientRect();\n    const x = clientX - rect.left;\n    const y = clientY - rect.top;\n    return this.#computeBars().findIndex(b => x >= b.x && x <= b.x + b.width && y >= b.y && y <= b.y + b.height);\n  }\n\n  // --- Hover state (drives both the `inline` overlay-text and the `hover` bubble tooltip) ---\n\n  #tooltipIndex: number | null = null;\n  #tooltipVisible = false;\n  #tooltipShowTimer: number | null = null;\n  #tooltipHideTimer: number | null = null;\n  #tooltipPosition: { mainClient: number; crossClient: number } | null = null;\n  #valueRefreshTimer: number | null = null;\n\n  #clearValueRefreshTimer(): void {\n    if (this.#valueRefreshTimer !== null) {\n      clearTimeout(this.#valueRefreshTimer);\n      this.#valueRefreshTimer = null;\n    }\n  }\n\n  /** While a bucket stays hovered, re-invoke `tick` at most every `valueUpdateInterval` ms, so a live-streaming bucket's displayed value stays fresh without updating on every single data point. */\n  #scheduleValueRefresh(tick: () => void): void {\n    this.#clearValueRefreshTimer();\n    this.#valueRefreshTimer = window.setTimeout(() => {\n      this.#valueRefreshTimer = null;\n      tick();\n      this.#scheduleValueRefresh(tick);\n    }, this.valueUpdateInterval);\n  }\n\n  #clearBubbleTooltip(): void {\n    if (this.#tooltipShowTimer !== null) {\n      clearTimeout(this.#tooltipShowTimer);\n      this.#tooltipShowTimer = null;\n    }\n    if (this.#tooltipHideTimer !== null) {\n      clearTimeout(this.#tooltipHideTimer);\n      this.#tooltipHideTimer = null;\n    }\n    if (this.#tooltipVisible) {\n      this.#tooltipVisible = false;\n      hideBubbleTooltip(this);\n    }\n    this.#tooltipIndex = null;\n    this.#tooltipPosition = null;\n  }\n\n  #resetHoverState(): void {\n    this.#clearValueRefreshTimer();\n    this.#clearBubbleTooltip();\n    this._hoveredIndex = null;\n    this._inlineOverlayText = null;\n  }\n\n  /** Bubble position: centred on the bar along the bucket axis, offset from the cursor on the other axis. */\n  #tooltipPositionFor(bar: BarLayout, clientX: number, clientY: number): { mainClient: number; crossClient: number } {\n    const hostRect = this.getBoundingClientRect();\n    const offset = 14;\n    if (this.orientation === `horizontal`) {\n      return { mainClient: hostRect.left + bar.x + bar.width / 2, crossClient: clientY - offset };\n    }\n    return { mainClient: hostRect.top + bar.y + bar.height / 2, crossClient: clientX + offset };\n  }\n\n  #refreshBubbleText(): void {\n    if (this.#tooltipIndex === null || !this.#tooltipVisible || !this.#tooltipPosition)\n      return;\n    const bar = this.#computeBars()[this.#tooltipIndex];\n    if (!bar)\n      return;\n    const text = this.valueFormat(bar.valueMin, bar.valueMax, bar.count);\n    showBubbleTooltip(this, text, this.#tooltipPosition.mainClient, this.#tooltipPosition.crossClient, this.orientation);\n  }\n\n  /**\n   * Drives the floating bubble tooltip. Only reacts to the hovered bucket *changing*\n   * (not every pointermove), so the tooltip doesn't track minor cursor movement.\n   * Debounces the initial show and the final hide; switching between buckets while\n   * already visible updates instantly. While a bucket stays hovered, its displayed\n   * value is refreshed at `valueUpdateInterval`.\n   */\n  #updateBubbleTooltip(index: number | null, clientX: number, clientY: number): void {\n    if (index === this.#tooltipIndex)\n      return;\n    this.#tooltipIndex = index;\n    this.#clearValueRefreshTimer();\n\n    if (index === null) {\n      if (this.#tooltipShowTimer !== null) {\n        clearTimeout(this.#tooltipShowTimer);\n        this.#tooltipShowTimer = null;\n      }\n      if (this.#tooltipVisible) {\n        this.#tooltipHideTimer = window.setTimeout(() => {\n          this.#tooltipHideTimer = null;\n          this.#tooltipVisible = false;\n          this.#tooltipPosition = null;\n          hideBubbleTooltip(this);\n        }, this.tooltipDelay);\n      }\n      return;\n    }\n\n    if (this.#tooltipHideTimer !== null) {\n      clearTimeout(this.#tooltipHideTimer);\n      this.#tooltipHideTimer = null;\n    }\n\n    const bar = this.#computeBars()[index];\n    if (!bar)\n      return;\n    const text = this.valueFormat(bar.valueMin, bar.valueMax, bar.count);\n    const position = this.#tooltipPositionFor(bar, clientX, clientY);\n    this.#tooltipPosition = position;\n\n    if (this.#tooltipVisible) {\n      showBubbleTooltip(this, text, position.mainClient, position.crossClient, this.orientation);\n      this.#scheduleValueRefresh(() => this.#refreshBubbleText());\n      return;\n    }\n\n    if (this.#tooltipShowTimer !== null)\n      clearTimeout(this.#tooltipShowTimer);\n    this.#tooltipShowTimer = window.setTimeout(() => {\n      this.#tooltipShowTimer = null;\n      this.#tooltipVisible = true;\n      showBubbleTooltip(this, text, position.mainClient, position.crossClient, this.orientation);\n      this.#scheduleValueRefresh(() => this.#refreshBubbleText());\n    }, this.tooltipDelay);\n  }\n\n  #formatBarAt(index: number): string | null {\n    const bar = this.#computeBars()[index];\n    return bar ? this.valueFormat(bar.valueMin, bar.valueMax, bar.count) : null;\n  }\n\n  /**\n   * Drives the `inline` overlay-text: instant on hover change, throttled while stationary\n   * over a live-changing bucket. `_inlineOverlayText` is cached reactive state rather than\n   * being recomputed fresh in render() on every data change, since add()/set() trigger their\n   * own re-render independent of the throttle timer.\n   */\n  #setInlineIndex(index: number | null): void {\n    if (index === this._hoveredIndex)\n      return;\n    this._hoveredIndex = index;\n    this.#clearValueRefreshTimer();\n    if (index === null) {\n      this._inlineOverlayText = null;\n      return;\n    }\n    this._inlineOverlayText = this.#formatBarAt(index);\n    this.#scheduleValueRefresh(() => {\n      if (this._hoveredIndex !== null)\n        this._inlineOverlayText = this.#formatBarAt(this._hoveredIndex);\n    });\n  }\n\n  #onPointerMove = (e: PointerEvent): void => {\n    if (this.valueTooltips === `none`)\n      return;\n    const index = this.#bucketIndexFromPointer(e.clientX, e.clientY);\n    const bucketIndex = index >= 0 ? index : null;\n\n    if (this.valueTooltips === `inline`)\n      this.#setInlineIndex(bucketIndex);\n    else\n      this.#updateBubbleTooltip(bucketIndex, e.clientX, e.clientY);\n  };\n\n  #onPointerLeave = (): void => {\n    if (this.valueTooltips === `none`)\n      return;\n    if (this.valueTooltips === `inline`)\n      this.#setInlineIndex(null);\n    else\n      this.#updateBubbleTooltip(null, 0, 0);\n  };\n\n  override render() {\n    const { w, h, padding } = this.#computeGeometry();\n    const bars = this.#computeBars();\n\n    const barsContent = bars.map((b, i) => svg`\n      <rect class=\"bar\" x=${b.x} y=${b.y} width=${b.width} height=${b.height}\n        style=\"--value: ${b.relativeValue}\"\n        @click=${() => this.#emitClick(i, b.valueMin, b.valueMax, b.relativeValue)} />\n    `);\n\n    const textColor = `var(--plot-text, var(--surface-2-text, #fff))`;\n    const overlayText = (this.valueTooltips === `inline` && this._inlineOverlayText !== null) ? this._inlineOverlayText : this.title;\n    const titleContent = overlayText\n      ? svg`<text x=${padding + 2} y=${padding + Math.min(10, h * 0.6)}\n          class=\"overlay-text\" fill=${textColor}\n          style=\"opacity: 0.6\">${overlayText}</text>`\n      : svg``;\n\n    return html`\n      <svg width=${w} height=${h} viewBox=\"0 0 ${w} ${h}\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        @pointermove=${this.#onPointerMove}\n        @pointerleave=${this.#onPointerLeave}>\n        <rect width=${w} height=${h} fill=\"transparent\" />\n        ${barsContent}\n        ${titleContent}\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: inline-block;\n      width: 100%;\n      height: 100%;\n      min-width: 20px;\n      min-height: 20px;\n\n      --plot-histogram-fill: currentColor;\n      --plot-histogram-gap: 1px;\n      --plot-histogram-border-radius: 0;\n      --plot-histogram-bar-length: auto;\n    }\n\n    svg {\n      display: block;\n      cursor: crosshair;\n      overflow: visible;\n    }\n\n    rect.bar {\n      fill: var(--plot-histogram-fill, currentColor);\n      rx: var(--plot-histogram-border-radius, 0);\n      opacity: calc(0.15 + var(--value) * 0.85);\n    }\n\n    .overlay-text {\n      font-family: var(--font-mono, ui-monospace, monospace);\n      font-size: 9px;\n      dominant-baseline: hanging;\n      pointer-events: none;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-plot-histogram': PlotHistogram;\n  }\n}\n\nexport interface PlotHistogram {\n  addEventListener: (<K extends keyof PlotHistogramElementEventMap>(\n    type: K,\n    listener: (this: PlotHistogram, event: PlotHistogramElementEventMap[K]) => void,\n    options?: boolean | AddEventListenerOptions,\n  ) => void) & ((\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions,\n  ) => void);\n}\n","import type { PropertyValues, SVGTemplateResult } from 'lit';\nimport type { ColourMode, ColourResult } from './colour-map.js';\nimport { clamp } from '@ixfx/numbers';\nimport { css, html, LitElement, svg } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport { applyAgeModification, computeColour, parseColourScaleAttr, readBaseColour } from './colour-map.js';\nimport { PlotDataSeries } from './data.js';\nimport { adaptiveRadius, adaptiveStroke, hideTooltip, scaleValue, showTooltip } from './svg-utils.js';\n\nexport type SingleAxisDrawStyle\n  = | `line-sharp`\n    | `line-round`\n    | `circles`\n    | `squares`\n    | `vbar`\n    | `hbar`\n    | `hist-bottom`\n    | `hist-top`\n    | `hist-middle`;\n\nexport type SingleAxisAgeStyle = `none` | `opacity` | `desaturation` | `size`;\n\ntype PlotPoint = { x: number; y: number; value: number; scaledValue: number; index: number; ageFraction: number };\n\n// --- Pure SVG fragment renderers ---\n// Lines use a single ColourResult (the last / most-recent point's colour).\n// Per-point styles use a ColourResult[] aligned with the points array.\n\nfunction buildLinePath(points: PlotPoint[]): string {\n  if (points.length === 0)\n    return ``;\n  let d = `M ${points[0].x},${points[0].y}`;\n  for (let i = 1; i < points.length; i++) {\n    d += ` L ${points[i].x},${points[i].y}`;\n  }\n  return d;\n}\n\nfunction renderLine(points: PlotPoint[], cr: ColourResult, strokeW: number, round: boolean) {\n  return svg`<path\n    d=${buildLinePath(points)}\n    fill=\"none\"\n    stroke=${cr.fill}\n    stroke-width=${strokeW}\n    opacity=${cr.opacity}\n    stroke-linecap=${round ? `round` : `butt`}\n    stroke-linejoin=${round ? `round` : `miter`}\n  />`;\n}\n\nfunction renderArea(points: PlotPoint[], cr: ColourResult, bottom: number, areaColor?: string): SVGTemplateResult {\n  if (points.length < 2)\n    return svg``;\n  const lineD = buildLinePath(points);\n  const fillColor = areaColor || cr.fill;\n  const areaD = `${lineD} L ${points[points.length - 1].x},${bottom} L ${points[0].x},${bottom} Z`;\n  return svg`<path d=${areaD} fill=${fillColor} opacity=${cr.opacity * 0.2} />`;\n}\n\nfunction renderCircles(points: PlotPoint[], crs: ColourResult[], radius: number, ageStyle: SingleAxisAgeStyle) {\n  return points.map((p, i) => {\n    const r = ageStyle === `size` ? radius * Math.max(0.2, p.ageFraction) : radius;\n    return svg`<circle cx=${p.x} cy=${p.y} r=${r} fill=${crs[i].fill} opacity=${crs[i].opacity} />`;\n  });\n}\n\nfunction renderSquares(points: PlotPoint[], crs: ColourResult[], size: number, ageStyle: SingleAxisAgeStyle) {\n  return points.map((p, i) => {\n    const s = ageStyle === `size` ? size * Math.max(0.2, p.ageFraction) : size;\n    return svg`<rect\n      x=${p.x - s / 2} y=${p.y - s / 2}\n      width=${s} height=${s}\n      fill=${crs[i].fill} opacity=${crs[i].opacity}\n    />`;\n  });\n}\n\nfunction renderVbars(points: PlotPoint[], crs: ColourResult[], strokeW: number, bottom: number, ageStyle: SingleAxisAgeStyle) {\n  return points.map((p, i) => {\n    const sw = ageStyle === `size` ? strokeW * Math.max(0.2, p.ageFraction) : strokeW;\n    return svg`<line\n      x1=${p.x} y1=${bottom} x2=${p.x} y2=${p.y}\n      stroke=${crs[i].fill} stroke-width=${sw} opacity=${crs[i].opacity}\n    />`;\n  });\n}\n\nfunction renderHbars(points: PlotPoint[], crs: ColourResult[], strokeW: number, tickLen: number, ageStyle: SingleAxisAgeStyle) {\n  return points.map((p, i) => {\n    const tl = ageStyle === `size` ? tickLen * Math.max(0.2, p.ageFraction) : tickLen;\n    return svg`<line\n      x1=${p.x - tl / 2} y1=${p.y} x2=${p.x + tl / 2} y2=${p.y}\n      stroke=${crs[i].fill} stroke-width=${strokeW} opacity=${crs[i].opacity}\n    />`;\n  });\n}\n\nfunction renderHistBottom(points: PlotPoint[], crs: ColourResult[], barW: number, bottom: number, ageStyle: SingleAxisAgeStyle) {\n  return points.map((p, i) => {\n    const w = ageStyle === `size` ? barW * Math.max(0.2, p.ageFraction) : barW;\n    return svg`<rect\n      x=${p.x - w / 2} y=${p.y}\n      width=${w} height=${Math.max(1, bottom - p.y)}\n      fill=${crs[i].fill} opacity=${crs[i].opacity}\n    />`;\n  });\n}\n\nfunction renderHistTop(points: PlotPoint[], crs: ColourResult[], barW: number, top: number, ageStyle: SingleAxisAgeStyle) {\n  return points.map((p, i) => {\n    const w = ageStyle === `size` ? barW * Math.max(0.2, p.ageFraction) : barW;\n    return svg`<rect\n      x=${p.x - w / 2} y=${top}\n      width=${w} height=${Math.max(1, p.y - top)}\n      fill=${crs[i].fill} opacity=${crs[i].opacity}\n    />`;\n  });\n}\n\nfunction renderHistMiddle(points: PlotPoint[], crs: ColourResult[], barW: number, mid: number, ageStyle: SingleAxisAgeStyle) {\n  return points.map((p, i) => {\n    const w = ageStyle === `size` ? barW * Math.max(0.2, p.ageFraction) : barW;\n    return svg`<rect\n      x=${p.x - w / 2} y=${Math.min(p.y, mid)}\n      width=${w} height=${Math.max(1, Math.abs(p.y - mid))}\n      fill=${crs[i].fill} opacity=${crs[i].opacity}\n    />`;\n  });\n}\n\n// --- Component ---\n\n/**\n * PlotSingleAxis\n *\n * Adding data:\n * - add(value: number): adds a single value to the end of the data series.\n * - set(values: number[]): replaces the entire data series at once.\n */\n@customElement(`ixfx-plot-single-axis`)\n// eslint-disable-next-line ts/no-unsafe-declaration-merging\nexport class PlotSingleAxis extends LitElement {\n  @property({ attribute: `draw-style` })\n  drawStyle: SingleAxisDrawStyle = `line-sharp`;\n\n  @property({ attribute: `age-style` })\n  ageStyle: SingleAxisAgeStyle = `none`;\n\n  @property() title = ``;\n\n  @property({ type: Boolean }) precise = false;\n  @property({ type: Boolean }) tooltips = true;\n  @property({ type: Number }) capacity = 100;\n\n  @property({ type: Number }) rangeMin = Number.NaN;\n  @property({ type: Number }) rangeMax = Number.NaN;\n\n  @property({ type: Boolean, attribute: `persistent-scale` })\n  persistentScale = true;\n\n  @property({ type: Boolean, reflect: true }) paused = false;\n  @property({ type: Boolean, attribute: `click-pauses` }) clickPauses = false;\n\n  @property({ type: Boolean, attribute: `shaded` })\n  shaded = false;\n\n  @property({ attribute: `area-color` })\n  areaColor = ``;\n\n  // --- Colour mapping ---\n  @property({ attribute: `color-mode` }) colorMode: ColourMode = `fixed`;\n  @property({ attribute: `color-easing` }) colorEasing = ``;\n  @property({ attribute: `color-scale` }) colorScale = ``;\n  /** Custom value-mapping function (0..1 → 0..1). Ignored when color-easing is set. */\n  colorValueMap: ((v: number) => number) | null = null;\n\n  @state() private _width = 100;\n  @state() private _height = 40;\n\n  #series = new PlotDataSeries();\n  #hasProgrammaticData = false;\n  #lastClientX: number | null = null;\n  #lastClientY: number | null = null;\n\n  #parseDeclarativeData(text: string): number[] {\n    if (!text)\n      return [];\n    const tokens = text.trim().split(/[,\\s;]+/);\n    return tokens\n      .map(t => Number.parseFloat(t))\n      .filter(n => !Number.isNaN(n));\n  }\n\n  /** Override to customize tooltip label. */\n  valueFormat: (v: number | undefined) => string = v => v ? v.toFixed(2) : ``;\n\n  /**\n   * Adds a value to the data series.\n   *\n   * Pass `withholdRedraw = true` to prevent automatic redraw after adding the value. In this case, call `redraw()` manually after adding all values to update the plot.\n   *\n   * Use {@link set} to replace the entire data series at once.\n   * @param valueOrValues Single value, or several values\n   * @param withholdRedraw If _false_ (default) plot is automatically redrawn\n   */\n  add(valueOrValues: number | number[], withholdRedraw = false): void {\n    this.#hasProgrammaticData = true;\n    this.#series.add(valueOrValues);\n    if (this.paused)\n      return;\n    if (withholdRedraw)\n      return;\n    this.redraw();\n  }\n\n  /**\n   * Redraws the plot.\n   * Normally not needed, unless add() is called with withholdRedraw = true, or styleSeries() is used to update series styles.\n   */\n  redraw() {\n    this.requestUpdate();\n    this.#updateTooltipAtLastPos();\n  }\n\n  /**\n   * Sets the entire data for a series at once, replacing contents.\n   *\n   * Use add() to add values one by one.\n   *\n   * Pass `withholdRedraw = true` to prevent automatic redraw after setting the values. In this case, call `redraw()` manually after setting the values to update the plot.\n   * @param values Values\n   * @param withholdRedraw If _false_ (default) plot is automatically redrawn\n   */\n  set(values: number[], withholdRedraw = false): void {\n    this.#hasProgrammaticData = true;\n    this.#series.set(values);\n    if (this.paused)\n      return;\n    if (withholdRedraw)\n      return;\n    this.redraw();\n  }\n\n  /**\n   * Clears all data and redraws\n   */\n  clear(): boolean {\n    const result = this.#series.clear();\n    this.requestUpdate();\n    return result;\n  }\n\n  protected override firstUpdated(_changed: PropertyValues): void {\n    this._width = this.clientWidth || 100;\n    this._height = this.clientHeight || 40;\n    const ro = new ResizeObserver((entries) => {\n      const e = entries[0];\n      this._width = e.contentRect.width;\n      this._height = e.contentRect.height;\n    });\n    ro.observe(this);\n\n    if (!this.#hasProgrammaticData) {\n      const data = this.#parseDeclarativeData(this.textContent ?? ``);\n      if (data.length > 0) {\n        this.#series.set(data);\n      }\n    }\n  }\n\n  protected override updated(changed: PropertyValues): void {\n    if (changed.has(`capacity`) || changed.has(`persistentScale`) || changed.has(`rangeMin`) || changed.has(`rangeMax`)) {\n      const old = [...this.#series.values];\n      const fixedRange = (!Number.isNaN(this.rangeMin) && !Number.isNaN(this.rangeMax)) ? { min: this.rangeMin, max: this.rangeMax } : null;\n      this.#series = new PlotDataSeries({\n        capacityLimit: this.capacity,\n        persistentScaling: this.persistentScale,\n        fixedRange,\n      });\n      if (old.length > 0)\n        this.#series.set(old);\n    }\n  }\n\n  #getIndexFromX(clientX: number, rect: DOMRect): number {\n    const n = this.#series.values.length;\n    if (n === 0)\n      return -1;\n    const x = clientX - rect.left;\n    if (x < 0 || x > rect.width)\n      return -1;\n    const padding = rect.height < 20 ? 0 : Math.min(4, rect.height * 0.05);\n    const plotW = rect.width - padding * 2;\n    const index = Math.floor((x - padding) / (plotW / n));\n    return index >= 0 && index < n ? index : -1;\n  }\n\n  #updateTooltip(clientX: number, clientY: number): void {\n    if (!this.tooltips)\n      return;\n    const rect = this.getBoundingClientRect();\n    const index = this.#getIndexFromX(clientX, rect);\n    if (index < 0) {\n      hideTooltip(this); return;\n    }\n    showTooltip(this, clientX, clientY, this.valueFormat(this.#series.values[index]));\n  }\n\n  #updateTooltipAtLastPos(): void {\n    if (this.#lastClientX === null || this.#lastClientY === null)\n      return;\n    this.#updateTooltip(this.#lastClientX, this.#lastClientY);\n  }\n\n  #onPointerMove = (e: PointerEvent): void => {\n    this.#lastClientX = e.clientX;\n    this.#lastClientY = e.clientY;\n    this.#updateTooltip(e.clientX, e.clientY);\n    const index = this.#getIndexFromX(e.clientX, this.getBoundingClientRect());\n    this.dispatchEvent(new CustomEvent(`plot-pointer-move`, {\n      detail: { clientX: e.clientX, clientY: e.clientY, index },\n      bubbles: true,\n      composed: true,\n    }));\n  };\n\n  #onPointerLeave = (): void => {\n    this.#lastClientX = null;\n    this.#lastClientY = null;\n    hideTooltip(this);\n    this.dispatchEvent(new CustomEvent(`plot-pointer-leave`, {\n      bubbles: true,\n      composed: true,\n    }));\n  };\n\n  #onClick = (e: MouseEvent): void => {\n    if (this.clickPauses)\n      this.paused = !this.paused;\n    const index = this.#getIndexFromX(e.clientX, this.getBoundingClientRect());\n    if (index < 0)\n      return;\n    this.dispatchEvent(new CustomEvent(`plot-datapoint-click`, {\n      detail: { value: this.#series.values[index], index },\n      bubbles: true,\n      composed: true,\n    }));\n  };\n\n  #computePoints(values: number[], min: number, max: number, padding: number, plotW: number, plotH: number): PlotPoint[] {\n    const n = values.length;\n    const widthPerPoint = n > 0 ? plotW / n : plotW;\n    const scaleX = (i: number) => padding + (i + 0.5) * widthPerPoint;\n    return values.map((value, index) => {\n      const sv = clamp(scaleValue(value, min, max));\n      const ageFraction = n > 1 ? index / (n - 1) : 1;\n      return { x: scaleX(index), y: padding + (1 - sv) * plotH, value, scaledValue: sv, index, ageFraction };\n    });\n  }\n\n  get series() {\n    return this.#series;\n  }\n\n  /**\n   * Get all values in the data series as a readonly array.\n   */\n  get values(): readonly number[] {\n    return this.#series.values;\n  }\n\n  /**\n   * Get length of data series\n   */\n  get dataLength(): number {\n    return this.#series.values.length;\n  }\n\n  /**\n   * Get value at specific index of data series\n   * @param index\n   */\n  getValueAt(index: number): number | undefined {\n    return this.#series.values[index];\n  }\n\n  /**\n   * Get value index based on client X position\n   * @param clientX\n   */\n  getIndexFromClientX(clientX: number): number {\n    return this.#getIndexFromX(clientX, this.getBoundingClientRect());\n  }\n\n  #renderByStyle(\n    points: PlotPoint[],\n    crs: ColourResult[],\n    strokeW: number,\n    radius: number,\n    barW: number,\n    bottom: number,\n    top: number,\n    mid: number,\n  ): SVGTemplateResult[] {\n    const lineCr = crs.at(-1) ?? { fill: `currentColor`, opacity: 1 };\n    const isLine = this.drawStyle === `line-sharp` || this.drawStyle === `line-round`;\n    const needsArea = isLine && this.shaded;\n    const areaColor = this.areaColor || undefined;\n\n    if (needsArea) {\n      const area = renderArea(points, lineCr, bottom, areaColor);\n      const line = this.drawStyle === `line-sharp`\n        ? renderLine(points, lineCr, strokeW, false)\n        : renderLine(points, lineCr, strokeW, true);\n      return [area, line];\n    }\n\n    switch (this.drawStyle) {\n      case `line-sharp`: return [renderLine(points, lineCr, strokeW, false)];\n      case `line-round`: return [renderLine(points, lineCr, strokeW, true)];\n      case `circles`: return renderCircles(points, crs, radius, this.ageStyle);\n      case `squares`: return renderSquares(points, crs, radius * 2, this.ageStyle);\n      case `vbar`: return renderVbars(points, crs, strokeW, bottom, this.ageStyle);\n      case `hbar`: return renderHbars(points, crs, strokeW, barW, this.ageStyle);\n      case `hist-bottom`: return renderHistBottom(points, crs, barW, bottom, this.ageStyle);\n      case `hist-top`: return renderHistTop(points, crs, barW, top, this.ageStyle);\n      case `hist-middle`: return renderHistMiddle(points, crs, barW, mid, this.ageStyle);\n      default: return [];\n    }\n  }\n\n  override render() {\n    const { values, range } = this.#series;\n    const w = this._width;\n    const h = this._height;\n    const padding = h < 20 ? 0 : Math.min(4, h * 0.05);\n    const plotW = Math.max(1, w - padding * 2);\n    const plotH = Math.max(1, h - padding * 2);\n    const bottom = padding + plotH;\n    const top = padding;\n    const mid = padding + plotH / 2;\n\n    const strokeW = adaptiveStroke(w, h);\n    const radius = adaptiveRadius(w, h, values.length);\n    const barW = values.length > 0\n      ? Math.max(1, (plotW / values.length) * 0.85)\n      : plotW;\n\n    const textColor = `var(--plot-text, var(--surface-2-text, #fff))`;\n\n    const points = values.length > 0\n      ? this.#computePoints(values, range.min, range.max, padding, plotW, plotH)\n      : [];\n\n    // Colour mapping\n    const baseColour = points.length > 0 ? readBaseColour(this) : ``;\n    const colourConfig = {\n      mode: this.colorMode,\n      palette: parseColourScaleAttr(this.colorScale),\n      easingName: this.colorEasing,\n      valueMap: this.colorValueMap,\n    };\n    const isDiscrete = this.drawStyle !== `line-sharp` && this.drawStyle !== `line-round`;\n    const crs: ColourResult[] = points.map((p) => {\n      const base = computeColour(p.scaledValue, baseColour, colourConfig);\n      return isDiscrete ? applyAgeModification(base, p.ageFraction, this.ageStyle) : base;\n    });\n\n    const dataContent = points.length > 0\n      ? this.#renderByStyle(points, crs, strokeW, radius, barW, bottom, top, mid)\n      : [];\n\n    const titleContent = this.title\n      ? svg`<text\n          x=${padding + 2} y=${top + Math.min(10, h * 0.6)}\n          class=\"overlay-text\"\n          fill=${textColor}\n          style=\"opacity: 0.6\"\n        >${this.title}</text>`\n      : svg``;\n\n    const latestValue = values.length > 0 ? values.at(-1) : null;\n    const preciseContent = this.precise && latestValue !== null\n      ? svg`<text\n          x=${w - padding - 2} y=${top + Math.min(10, h * 0.6)}\n          class=\"overlay-text\"\n          text-anchor=\"end\"\n          fill=${textColor}\n          style=\"opacity: 0.8\"\n        >${this.valueFormat(latestValue)}</text>`\n      : svg``;\n\n    return html`\n      <svg\n        width=${w} height=${h}\n        viewBox=\"0 0 ${w} ${h}\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        @pointermove=${this.#onPointerMove}\n        @pointerleave=${this.#onPointerLeave}\n        @click=${this.#onClick}\n      >\n        <rect width=${w} height=${h} fill=\"transparent\" />\n        ${dataContent.map(c => c)}\n        ${titleContent}\n        ${preciseContent}\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: inline-block;\n      width: 100%;\n      height: 100%;\n      min-width: 20px;\n      min-height: 4px;\n    }\n\n    svg {\n      display: block;\n      cursor: crosshair;\n      overflow: visible;\n    }\n\n    .overlay-text {\n      font-family: var(--font-mono, ui-monospace, monospace);\n      font-size: 9px;\n      dominant-baseline: hanging;\n      pointer-events: none;\n    }\n  `;\n}\n\nexport type PlotSingleAxisPointerMoveDetail = {\n  readonly clientX: number;\n  readonly clientY: number;\n  readonly index: number;\n};\n\nexport type PlotSingleAxisPointerMoveEvent = CustomEvent<PlotSingleAxisPointerMoveDetail>;\n\nexport interface PlotSingleAxisElementEventMap {\n  'plot-pointer-move': PlotSingleAxisPointerMoveEvent;\n  'plot-pointer-leave': Event;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-plot-single-axis': PlotSingleAxis;\n  }\n}\n\n// eslint-disable-next-line ts/no-unsafe-declaration-merging\nexport interface PlotSingleAxis {\n  addEventListener: {\n    <K extends keyof PlotSingleAxisElementEventMap>(\n      type: K,\n      listener: (this: PlotSingleAxis, event: PlotSingleAxisElementEventMap[K]) => void,\n      options?: boolean | AddEventListenerOptions,\n    ): void;\n    (\n      type: string,\n      listener: EventListenerOrEventListenerObject,\n      options?: boolean | AddEventListenerOptions,\n    ): void;\n  };\n}\n","import type { PropertyValues } from 'lit';\nimport type { ColourMode, ColourResult } from './colour-map.js';\nimport { css, html, LitElement, svg } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport { applyAgeModification, computeColour, parseColourScaleAttr, readBaseColour } from './colour-map.js';\nimport { PlotDataSeries } from './data.js';\nimport { adaptiveRadius, hideTooltip, scaleValue, showTooltip } from './svg-utils.js';\n\nexport type XyDrawStyle = `circles` | `squares`;\nexport type XyAgeStyle = `none` | `opacity` | `desaturation` | `size`;\n\ntype XyPoint = { x: number; y: number; xVal: number; yVal: number; index: number; ageFraction: number };\n\n// --- Component ---\n\n@customElement(`ixfx-plot-xy-axis`)\nexport class PlotXyAxis extends LitElement {\n  @property({ attribute: `draw-style` })\n  drawStyle: XyDrawStyle = `circles`;\n\n  @property({ attribute: `age-style` })\n  ageStyle: XyAgeStyle = `none`;\n\n  @property() title = ``;\n  @property({ type: Boolean }) precise = false;\n  @property({ type: Boolean }) tooltips = true;\n  @property({ type: Number }) capacity = 100;\n\n  @property({ type: Boolean, attribute: `persistent-scale` })\n  persistentScale = true;\n\n  @property({ type: Boolean, reflect: true }) paused = false;\n  @property({ type: Boolean, attribute: `click-pauses` }) clickPauses = false;\n\n  // --- Colour mapping ---\n  @property({ attribute: `color-mode` }) colorMode: ColourMode = `fixed`;\n  @property({ attribute: `color-easing` }) colorEasing = ``;\n  @property({ attribute: `color-scale` }) colorScale = ``;\n  /**\n   * Custom value-mapping fn (0..1 → 0..1). For xy-axis the input is the point's ageFraction\n   * (0 = oldest, 1 = newest). Ignored when color-easing is set.\n   */\n  colorValueMap: ((v: number) => number) | null = null;\n\n  @state() private _width = 100;\n  @state() private _height = 100;\n\n  #xSeries = new PlotDataSeries({ capacityLimit: 100, persistentScaling: true });\n  #ySeries = new PlotDataSeries({ capacityLimit: 100, persistentScaling: true });\n\n  /** Override to customize tooltip label. */\n  valueFormat: (x: number, y: number) => string = (x, y) => `${x.toFixed(2)}, ${y.toFixed(2)}`;\n\n  add(x: number, y: number): void {\n    this.#xSeries.add(x);\n    this.#ySeries.add(y);\n    if (this.paused)\n      return;\n    this.requestUpdate();\n    this.#updateTooltipAtLastPos();\n  }\n\n  setXY(xs: number[], ys: number[]): void {\n    this.#xSeries.set(xs);\n    this.#ySeries.set(ys);\n    if (this.paused)\n      return;\n    this.requestUpdate();\n    this.#updateTooltipAtLastPos();\n  }\n\n  clear(): void {\n    this.#xSeries.clear();\n    this.#ySeries.clear();\n    this.requestUpdate();\n  }\n\n  protected override firstUpdated(_changed: PropertyValues): void {\n    this._width = this.clientWidth || 100;\n    this._height = this.clientHeight || 100;\n    const ro = new ResizeObserver((entries) => {\n      const e = entries[0];\n      this._width = e.contentRect.width;\n      this._height = e.contentRect.height;\n    });\n    ro.observe(this);\n  }\n\n  protected override updated(changed: PropertyValues): void {\n    if (changed.has(`capacity`) || changed.has(`persistentScale`)) {\n      const opts = { capacityLimit: this.capacity, persistentScaling: this.persistentScale };\n      const oldX = [...this.#xSeries.values];\n      const oldY = [...this.#ySeries.values];\n      this.#xSeries = new PlotDataSeries(opts);\n      this.#ySeries = new PlotDataSeries(opts);\n      if (oldX.length > 0) {\n        this.#xSeries.set(oldX); this.#ySeries.set(oldY);\n      }\n    }\n  }\n\n  #computePoints(padding: number, plotW: number, plotH: number): XyPoint[] {\n    const xs = this.#xSeries.values;\n    const ys = this.#ySeries.values;\n    const n = Math.min(xs.length, ys.length);\n    if (n === 0)\n      return [];\n\n    const { min: xMin, max: xMax } = this.#xSeries.range;\n    const { min: yMin, max: yMax } = this.#ySeries.range;\n\n    return Array.from({ length: n }, (_, i) => ({\n      x: padding + scaleValue(xs[i], xMin, xMax) * plotW,\n      y: padding + (1 - scaleValue(ys[i], yMin, yMax)) * plotH,\n      xVal: xs[i],\n      yVal: ys[i],\n      index: i,\n      ageFraction: n > 1 ? i / (n - 1) : 1,\n    }));\n  }\n\n  /** Compute the final ColourResult for each xy point: base colour → age modification. */\n  #computeColours(points: XyPoint[], baseColour: string): ColourResult[] {\n    const config = {\n      mode: this.colorMode,\n      palette: parseColourScaleAttr(this.colorScale),\n      easingName: this.colorEasing,\n      valueMap: this.colorValueMap,\n    };\n    return points.map((p) => {\n      const base = computeColour(p.ageFraction, baseColour, config);\n      return applyAgeModification(base, p.ageFraction, this.ageStyle);\n    });\n  }\n\n  #findNearestPoint(clientX: number, clientY: number, points: XyPoint[], rect: DOMRect): XyPoint | null {\n    const x = clientX - rect.left;\n    const y = clientY - rect.top;\n    let best: XyPoint | null = null;\n    let bestDist = Infinity;\n    for (const p of points) {\n      const dx = p.x - x;\n      const dy = p.y - y;\n      const d = dx * dx + dy * dy;\n      if (d < bestDist) {\n        bestDist = d; best = p;\n      }\n    }\n    return best && Math.sqrt(bestDist) < 30 ? best : null;\n  }\n\n  #lastPoints: XyPoint[] = [];\n  #lastClientX: number | null = null;\n  #lastClientY: number | null = null;\n\n  #updateTooltip(clientX: number, clientY: number): void {\n    if (!this.tooltips)\n      return;\n    const rect = this.getBoundingClientRect();\n    const nearest = this.#findNearestPoint(clientX, clientY, this.#lastPoints, rect);\n    if (!nearest) {\n      hideTooltip(this); return;\n    }\n    showTooltip(this, clientX, clientY, this.valueFormat(nearest.xVal, nearest.yVal));\n  }\n\n  #updateTooltipAtLastPos(): void {\n    if (this.#lastClientX === null || this.#lastClientY === null)\n      return;\n    this.#updateTooltip(this.#lastClientX, this.#lastClientY);\n  }\n\n  #onPointerMove = (e: PointerEvent): void => {\n    this.#lastClientX = e.clientX;\n    this.#lastClientY = e.clientY;\n    this.#updateTooltip(e.clientX, e.clientY);\n  };\n\n  #onPointerLeave = (): void => {\n    this.#lastClientX = null;\n    this.#lastClientY = null;\n    hideTooltip(this);\n  };\n\n  #onClick = (e: MouseEvent): void => {\n    if (this.clickPauses)\n      this.paused = !this.paused;\n    const rect = (e.currentTarget as SVGElement).getBoundingClientRect();\n    const nearest = this.#findNearestPoint(e.clientX, e.clientY, this.#lastPoints, rect);\n    if (!nearest)\n      return;\n    this.dispatchEvent(new CustomEvent(`plot-datapoint-click`, {\n      detail: { x: nearest.xVal, y: nearest.yVal, index: nearest.index },\n      bubbles: true,\n      composed: true,\n    }));\n  };\n\n  override render() {\n    const w = this._width;\n    const h = this._height;\n    const padding = Math.min(6, Math.min(w, h) * 0.06);\n    const plotW = Math.max(1, w - padding * 2);\n    const plotH = Math.max(1, h - padding * 2);\n\n    const points = this.#computePoints(padding, plotW, plotH);\n    this.#lastPoints = points;\n\n    const baseColour = points.length > 0 ? readBaseColour(this) : ``;\n    const colours = this.#computeColours(points, baseColour);\n\n    const radius = adaptiveRadius(w, h, points.length);\n    const textColor = `var(--plot-text, var(--surface-2-text, #fff))`;\n\n    const dataContent = points.map((p, i) => {\n      const cr = colours[i];\n      const sizeFactor = this.ageStyle === `size` ? Math.max(0.2, p.ageFraction) : 1;\n      if (this.drawStyle === `circles`) {\n        const r = radius * sizeFactor;\n        return svg`<circle cx=${p.x} cy=${p.y} r=${r} fill=${cr.fill} opacity=${cr.opacity} />`;\n      }\n      const s = radius * 2 * sizeFactor;\n      return svg`<rect x=${p.x - s / 2} y=${p.y - s / 2} width=${s} height=${s} fill=${cr.fill} opacity=${cr.opacity} />`;\n    });\n\n    const titleContent = this.title\n      ? svg`<text\n          x=${padding + 2} y=${padding + 2}\n          class=\"overlay-text\"\n          fill=${textColor}\n          style=\"opacity: 0.6\"\n        >${this.title}</text>`\n      : svg``;\n\n    const n = Math.min(this.#xSeries.values.length, this.#ySeries.values.length);\n    const latestX = n > 0 ? this.#xSeries.values[n - 1] : null;\n    const latestY = n > 0 ? this.#ySeries.values[n - 1] : null;\n    const preciseContent = this.precise && latestX !== null && latestY !== null\n      ? svg`<text\n          x=${w - padding - 2} y=${padding + 2}\n          class=\"overlay-text\"\n          text-anchor=\"end\"\n          fill=${textColor}\n          style=\"opacity: 0.8\"\n        >${this.valueFormat(latestX, latestY)}</text>`\n      : svg``;\n\n    return html`\n      <svg\n        width=${w} height=${h}\n        viewBox=\"0 0 ${w} ${h}\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        @pointermove=${this.#onPointerMove}\n        @pointerleave=${this.#onPointerLeave}\n        @click=${this.#onClick}\n      >\n        <rect width=${w} height=${h} fill=\"transparent\" />\n        ${dataContent}\n        ${titleContent}\n        ${preciseContent}\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n      min-width: 40px;\n      min-height: 40px;\n    }\n\n    svg {\n      display: block;\n      cursor: crosshair;\n    }\n\n    .overlay-text {\n      font-family: var(--font-mono, ui-monospace, monospace);\n      font-size: 9px;\n      dominant-baseline: hanging;\n      pointer-events: none;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-plot-xy-axis': PlotXyAxis;\n  }\n}\n"],"mappings":"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"}

package/dist/xy-axis-CtDDQzGZ.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"xy-axis-CtDDQzGZ.d.ts","names":[],"sources":["../src/plots/colour-map.ts","../src/plots/data.ts","../src/plots/single-axis.ts","../src/plots/multi-axis.ts","../src/plots/plot-histogram.ts","../src/plots/xy-axis.ts"],"mappings":";;;KAeY,UAAA;AAAA,KAEA,eAAA;EACV,IAAA,EAAM,UAAU,EAHN;EAKV,OAAA;EAEA,UAAA,UAPoB;EASpB,QAAA,IAAY,CAAA;AAAA;AAAA,KAGF,YAAA;EAAiB,IAAA;EAAc,OAAO;AAAA;;iBA2ClC,cAAA,CAAe,EAAW,EAAP,OAAO;;iBAM1B,oBAAA,CAAqB,IAAY;;AApD1B;AAGvB;;;;iBAwFgB,aAAA,CAAc,WAAA,UAAqB,UAAA,UAAoB,MAAA,EAAQ,eAAA,GAAkB,YAAY;AA7C7G;;;;AAAA,iBA+FgB,oBAAA,CAAqB,IAAA,EAAM,YAAA,EAAc,WAAA,UAAqB,QAAA,WAAmB,YAAY;;;KCnKjG,qBAAA;;;ADaZ;;ECRE,aAAA;EDQoB;AAAA;AAEtB;;;;ECHE,iBAAA;EAEA,UAAA;IAAc,GAAA;IAAa,GAAA;EAAA;AAAA;;ADQN;AAGvB;cCLa,cAAA;EAAA;EACX,MAAA;EDIgD;AA2ClD;;;;AAA0C;AAM1C;;;cCtCc,OAAA,GAAS,OAAO,CAAC,qBAAA;EDsCkB;AAuCjD;;;;;EC3DE,QAAA,CAAS,GAAA,UAAa,GAAA;ED2DuD;;;ECpD7E,UAAA;EAAA,IAKI,WAAA;EDiGU;;;;ECzFd,GAAA,CAAI,aAAA;EDyF+B;;;;ECtDnC,GAAA,CAAI,MAAA;EDsDuG;;;EAAA,IC3CvG,KAAA;;;;EAxH2B;;;;EAkI/B,KAAA;AAAA;;;KC1HU,mBAAA;AAAA,KAWA,kBAAA;;AFNU;AAEtB;;;;;cE6Ha,cAAA,SAAuB,UAAA;EAAA;EAElC,SAAA,EAAW,mBAAA;EAGX,QAAA,EAAU,kBAAA;EAEE,KAAA;EAEiB,OAAA;EACA,QAAA;EACD,QAAA;EAEA,QAAA;EACA,QAAA;EAG5B,eAAA;EAE4C,MAAA;EACY,WAAA;EAGxD,MAAA;EAGA,SAAA;EAGuC,SAAA,EAAW,UAAA;EACT,WAAA;EACD,UAAA;EFjGN;EEmGlC,aAAA,IAAiB,CAAA;EAAA,QAEA,MAAA;EAAA,QACA,OAAA;EF/DH;EEgFd,WAAA,GAAc,CAAA;;;;;;;;;AFhF6F;EE2F3G,GAAA,CAAI,aAAA,qBAAkC,cAAA;EFzCJ;;;;EEuDlC,MAAA;EFvDuD;;;;AAAoD;;;;ACnK7G;ECwOE,GAAA,CAAI,MAAA,YAAkB,cAAA;;;;EAatB,KAAA;EAAA,UAMmB,YAAA,CAAa,QAAA,EAAU,cAAA;EAAA,UAkBvB,OAAA,CAAQ,OAAA,EAAS,cAAA;EAAA,IA0FhC,MAAA,IAAM,cAAA;EDzVoB;AAAA;AAMhC;EANgC,ICgW1B,MAAA;;;;MAOA,UAAA;;;;;EAQJ,UAAA,CAAW,KAAA;EDvUF;;;;EC+UT,mBAAA,CAAoB,OAAA;EAyCX,MAAA,kBAAM,cAAA;EAAA,OA8EC,MAAA,gBAAM,SAAA;AAAA;AAAA,KAwBZ,+BAAA;EAAA,SACD,OAAA;EAAA,SACA,OAAA;EAAA,SACA,KAAA;AAAA;AAAA,KAGC,8BAAA,GAAiC,WAAW,CAAC,+BAAA;AAAA,UAExC,6BAAA;EACf,mBAAA,EAAqB,8BAAA;EACrB,oBAAA,EAAsB,KAAK;AAAA;AAAA,QAGrB,MAAA;EAAA,UACI,qBAAA;IACR,uBAAA,EAAyB,cAAc;EAAA;AAAA;AAAA,UAK1B,cAAA;EACf,gBAAA;IAAA,iBACmB,6BAAA,EACf,IAAA,EAAM,CAAA,EACN,QAAA,GAAW,IAAA,EAAM,cAAA,EAAgB,KAAA,EAAO,6BAAA,CAA8B,CAAA,YACtE,OAAA,aAAoB,uBAAA;IAAA,CAGpB,IAAA,UACA,QAAA,EAAU,kCAAA,EACV,OAAA,aAAoB,uBAAA;EAAA;AAAA;;;KC7iBd,mBAAA;AAAA,KAEA,iCAAA;EAAA,SACD,KAAA;EAAA,SACA,KAAA;EAAA,SACA,MAAA;AAAA;AAAA,KAGC,gCAAA,GAAmC,WAAW,CAAC,iCAAA;AAAA,UAE1C,4BAAA;EACf,sBAAA,EAAwB,gCAAgC;AAAA;AAAA,cAgB7C,aAAA,SAAsB,UAAA;EAAA;EACrB,MAAA,EAAQ,mBAAA;EAGpB,YAAA;EHdA;EGiBA,WAAA,GAAc,CAAA;EHjBO;AAAA;AAGvB;;;;EG2BE,OAAA,CAAQ,IAAA,UAAc,KAAA,UAAe,aAAA,aAAwB,cAAA;EAS7D,OAAA,CAAQ,IAAA,UAAc,MAAA,YAAkB,aAAA,aAAwB,cAAA;EAchE,UAAA,CAAW,IAAA,EAAM,MAAA,oBAA0B,aAAA;;;AHPH;EGqBxC,MAAA;EHfkC;;;AAAa;AAuCjD;EGbE,SAAA,CAAU,IAAA,EAAM,MAAA,6BAAmC,aAAA;;;;;;EAgBnD,WAAA,CAAY,IAAA,UAAc,MAAA,EAAQ,MAAA;EHH6D;;AAAY;AAkD7G;EG3BE,KAAA;;;;;;EAaA,WAAA,CAAY,IAAA;EHcmF;;AAAY;EAAZ,IGF3F,MAAA;EAAA,UA4Fe,MAAA,kBAAM,cAAA;EAAA,OAmBT,MAAA,gBAAM,SAAA;AAAA;AAAA,QAkDhB,MAAA;EAAA,UACI,qBAAA;IACR,sBAAA,EAAwB,aAAa;EAAA;AAAA;AAAA,UAKxB,aAAA;EACf,gBAAA;IAAA,iBACmB,4BAAA,EACf,IAAA,EAAM,CAAA,EACN,QAAA,GAAW,IAAA,EAAM,aAAA,EAAe,KAAA,EAAO,4BAAA,CAA6B,CAAA,YACpE,OAAA,aAAoB,uBAAA;IAAA,CAGpB,IAAA,UACA,QAAA,EAAU,kCAAA,EACV,OAAA,aAAoB,uBAAA;EAAA;AAAA;;;KC7Ud,wBAAA;AJOZ;;;;AAAsB;AAAtB,KIAY,0BAAA;AAAA,KAEA,8BAAA;EAAA,SACD,WAAA;EAAA,SACA,QAAA;EAAA,SACA,QAAA;EAAA,SACA,aAAA;AAAA;AAAA,KAGC,6BAAA,GAAgC,WAAW,CAAC,8BAAA;AAAA,UAEvC,4BAAA;EACf,mBAAA,EAAqB,6BAA6B;AAAA;AAAA,cAevC,aAAA,SAAsB,UAAA;EAAA;EAEjC,WAAA,EAAa,wBAAA;EAGb,UAAA;EAGA,GAAA;EAGA,GAAA;EAGA,QAAA;EJc4B;;;AAAY;EIPxC,KAAA;EAGA,MAAA;;EAIA,aAAA,EAAe,0BAAA;EJMgC;EIF/C,YAAA;EJyC2B;EIrC3B,mBAAA;EJqC2G;EIlC3G,WAAA,GAAc,QAAA,UAAkB,QAAA,UAAkB,SAAA;EAAA,QAGjC,MAAA;EAAA,QACA,OAAA;EAAA,QACA,aAAA;EAAA,QACA,kBAAA;EAYjB,GAAA,CAAI,CAAA;EAQJ,GAAA,CAAI,MAAA;EAQJ,KAAA;EAAA,UAKmB,YAAA,CAAa,QAAA,EAAU,cAAA;EAAA,UA2BvB,OAAA,CAAQ,OAAA,EAAS,cAAA;EAc3B,oBAAA;EAuRA,MAAA,kBAAM,cAAA;EAAA,OA8BC,MAAA,gBAAM,SAAA;AAAA;AAAA,QAmChB,MAAA;EAAA,UACI,qBAAA;IACR,qBAAA,EAAuB,aAAa;EAAA;AAAA;AAAA,UAIvB,aAAA;EACf,gBAAA,oBAAoC,4BAAA,EAClC,IAAA,EAAM,CAAA,EACN,QAAA,GAAW,IAAA,EAAM,aAAA,EAAe,KAAA,EAAO,4BAAA,CAA6B,CAAA,YACpE,OAAA,aAAoB,uBAAA,eAEpB,IAAA,UACA,QAAA,EAAU,kCAAA,EACV,OAAA,aAAoB,uBAAA;AAAA;;;KC9fZ,WAAA;AAAA,KACA,UAAA;AAAA,cAOC,UAAA,SAAmB,UAAA;EAAA;EAE9B,SAAA,EAAW,WAAA;EAGX,QAAA,EAAU,UAAA;EAEE,KAAA;EACiB,OAAA;EACA,QAAA;EACD,QAAA;EAG5B,eAAA;EAE4C,MAAA;EACY,WAAA;EAGjB,SAAA,EAAW,UAAA;EACT,WAAA;EACD,UAAA;ELdnB;AAGvB;;;EKgBE,aAAA,IAAiB,CAAA;EAAA,QAEA,MAAA;EAAA,QACA,OAAA;ELwBW;EKlB5B,WAAA,GAAc,CAAA,UAAW,CAAA;EAEzB,GAAA,CAAI,CAAA,UAAW,CAAA;EASf,KAAA,CAAM,EAAA,YAAc,EAAA;EASpB,KAAA;EAAA,UAMmB,YAAA,CAAa,QAAA,EAAU,cAAA;EAAA,UAWvB,OAAA,CAAQ,OAAA,EAAS,cAAA;EA8G3B,MAAA,kBAAM,cAAA;EAAA,OAkEC,MAAA,gBAAM,SAAA;AAAA;AAAA,QAuBhB,MAAA;EAAA,UACI,qBAAA;IACR,mBAAA,EAAqB,UAAU;EAAA;AAAA"}

package/docs-user/selecthorizontal.md

@@ -1,32 +0,0 @@
-# `ixfx-selecthorizontal-element`
-
-A horizontally scrolling container with snap points for child elements. Useful for scrollable lists of items that should snap into alignment.
-
-```html
-<ixfx-selecthorizontal-element>
-  <div>Item 1</div>
-  <div>Item 2</div>
-  <div>Item 3</div>
-</ixfx-selecthorizontal-element>
-```
-
-### Properties / attributes
-
-| Attribute / Property | Type     | Default | Description                |
-|----------------------|----------|---------|----------------------------|
-| `editMode`           | `boolean`| `false` | (Reserved for future use)  |
-
-### CSS custom properties
-
-Inherits border styling from global `--border` and `--accent` variables applied to slotted children.
-
-### CSS parts
-
-The component styles slotted elements with scroll snapping behavior.
-
-### Usage notes
-
-- Children should have `data-value` attribute for identification
-- Component handles `slotchange` events to update available items
-- Uses `scroll-snap-type: x mandatory` for snap alignment
-- Hidden scrollbar via `scrollbar-width: none`