@ixfx/components 0.7.0 → 0.7.1

package/docs-user/user-theming.md

@@ -116,6 +116,113 @@ Customize individual components using inline styles:
 </ixfx-button>
 ```
 
+## Icons
+
+### Built-in Icons
+
+The library ships with a set of SVG icons registered by default. All use `fill="currentColor"` so they inherit CSS color automatically.
+
+| Name | Description |
+|---|---|
+| `add` | Plus / add icon |
+| `caret-right` | Caret pointing right (used by tree expand indicators) |
+| `check` | Checkmark |
+| `chevron-down` | Chevron pointing down (used by split-button dropdowns) |
+| `chevron-right` | Chevron pointing right |
+| `close` | X / close icon |
+| `error` | Error/warning icon |
+| `folder-up` | Folder with up-arrow |
+| `info` | Info icon |
+| `warning` | Warning icon |
+
+### `<ixfx-icon>` Element
+
+Render any registered icon by name:
+
+```html
+<ixfx-icon name="check"></ixfx-icon>
+<ixfx-icon name="chevron-down" size="24"></ixfx-icon>
+<ixfx-icon name="close" label="Dismiss dialog"></ixfx-icon>
+<ixfx-icon name="check" rotate="45deg"></ixfx-icon>
+<ixfx-icon name="settings" prominence></ixfx-icon>
+```
+
+**Attributes:**
+
+| Attribute | Type | Description |
+|---|---|---|
+| `name` | `string` | Registry name of the icon |
+| `size` | `number` | Fixed pixel size |
+| `label` | `string` | Accessible label; adds `aria-label` |
+| `rotate` | `string` | CSS angle (e.g. `"90deg"`) |
+| `prominence` | `boolean` | Enables idle/hover/disabled opacity |
+
+Icon sizing is `1em × 1em` by default — override with CSS or the `size` attribute:
+
+```css
+ixfx-icon { width: 24px; height: 24px; }
+```
+
+### Adding a Custom SVG Icon
+
+Register an icon before use — it can be done at any time; components update automatically.
+
+```ts
+import { registerIcon } from '@ixfx/components';
+
+registerIcon('my-logo', `<svg viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 2L4 12h5v8h6v-8h5L12 2z"/>
+</svg>`);
+```
+
+```html
+<ixfx-icon name="my-logo"></ixfx-icon>
+```
+
+### Font Icons (Icon Fonts)
+
+Icon fonts such as Nerd Fonts are supported alongside SVG icons. Set the font family globally once, then register individual icons by name and code point.
+
+```ts
+import { setIconFont, registerFontIcon } from '@ixfx/components';
+
+// Set the font family (load it via CSS first)
+setIconFont('"Font Awesome 6 Free"');
+
+// Register a gear icon by code point
+registerFontIcon('gear', 0xf013);
+
+// Or by literal character
+registerFontIcon('heart', '\uf004');
+```
+
+Use font icons exactly like SVG icons — no API change:
+
+```html
+<ixfx-icon name="gear"></ixfx-icon>
+<ixfx-button icon="gear">Settings</ixfx-button>
+```
+
+Font icons inherit `color` and size to `1em` automatically. Rotation and prominence attributes work the same as for SVG icons.
+
+> **Different fonts, different code points.** Icon fonts use different Private Use Area code points for the same glyphs. Switching fonts requires re-registering icons with the appropriate code points for that font. See the [icons demo](/demo/loader.html?demo=icons) for a live example of font switching.
+
+### Overriding a Built-in Icon
+
+Both `registerIcon` (SVG) and `registerFontIcon` overwrite any existing entry for the same name. To swap a built-in icon globally:
+
+```ts
+// Replace the built-in chevron-down with a custom SVG
+registerIcon('chevron-down', `<svg viewBox="0 0 24 24" fill="currentColor">
+  <path d="M7 10l5 5 5-5H7z"/>
+</svg>`);
+
+// Replace it with a font icon instead
+registerFontIcon('chevron-down', 0xe0b0);
+```
+
+All components that use the overridden name update automatically on the next render.
+
 ## Complete Base Theme Reference
 
 Below is the full set of CSS variables used by the library. Copy this into your own stylesheet as a starting point and override the values you want to change.
@@ -375,5 +482,7 @@ If you're upgrading from previous versions:
 
 For implementation details, see:
 - [`docs/infra-theming.md`](infra-theming.md) - Internal theming specification
+- [`docs-user/icons.md`](/docs-user/icons.md) - Full icon registry reference
+- [`demo/loader.html?demo=icons`](/demo/loader.html?demo=icons) - Interactive icons demo
 - [`src/style.css`] - Base theme definitions
 - [`demo/shared/`] - Example theme implementations

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ixfx/components",
   "type": "module",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "packageManager": "pnpm@10.0.0",
   "description": "Web components for ixfx — Lit-based UI toolkit",
   "author": "Clint Heyer",

package/dist/defaults-BkWCPJFL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaults-BkWCPJFL.js","names":[],"sources":["../src/icons/defaults.ts"],"sourcesContent":["import { registerIcon } from './registry.js';\n\n/**\n * Chevron pointing down. Used for split-button dropdown toggle.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_CHEVRON_DOWN = `<svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\"/></svg>`;\n\n/**\n * Caret pointing right. Used for tree-basic expand indicator as a CSS mask.\n * fill=\"black\" is correct for CSS mask-image use (shape only, color comes from background-color).\n */\nexport const ICON_CARET_RIGHT = `<svg viewBox=\"0 0 24 24\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 7l6 5-6 5V7z\"/></svg>`;\n\n/**\n * Checkmark. Useful for menu-check-item or confirmation states.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_CHECK = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"/></svg>`;\n\n/**\n * Close / X icon. Useful for dialogs, notifications, dismissible elements.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_CLOSE = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\"/></svg>`;\n\n/**\n * Error / warning icon. Useful for error notifications.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_ERROR = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"/></svg>`;\n\n/**\n * Info icon. Useful for info notifications.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_INFO = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"/></svg>`;\n\n/**\n * Warning icon. Useful for warning notifications.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_WARNING = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>`;\n\n/**\n * Chevron pointing right. Used for split-button switcher toggle.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_CHEVRON_RIGHT = `<svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"/></svg>`;\n\n/**\n * Folder with up arrow. Angled line style for navigating up one level.\n * fill=\"currentColor\" so it inherits CSS color.\n */\nexport const ICON_FOLDER_UP = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 4L4 12h5v8h6v-8h5L12 4z\"/></svg>`;\n\nexport function registerDefaults(): void {\n  registerIcon(`chevron-down`, ICON_CHEVRON_DOWN);\n  registerIcon(`chevron-right`, ICON_CHEVRON_RIGHT);\n  registerIcon(`caret-right`, ICON_CARET_RIGHT);\n  registerIcon(`check`, ICON_CHECK);\n  registerIcon(`close`, ICON_CLOSE);\n  registerIcon(`error`, ICON_ERROR);\n  registerIcon(`folder-up`, ICON_FOLDER_UP);\n  registerIcon(`info`, ICON_INFO);\n  registerIcon(`warning`, ICON_WARNING);\n}\n"],"mappings":";;;;;;AAMA,MAAa,oBAAoB;;;;;AAMjC,MAAa,mBAAmB;;;;;AAMhC,MAAa,aAAa;;;;;AAM1B,MAAa,aAAa;;;;;AAM1B,MAAa,aAAa;;;;;AAM1B,MAAa,YAAY;;;;;AAMzB,MAAa,eAAe;;;;;AAM5B,MAAa,qBAAqB;;;;;AAMlC,MAAa,iBAAiB;AAE9B,SAAgB,mBAAyB;CACvC,aAAa,gBAAgB,iBAAiB;CAC9C,aAAa,iBAAiB,kBAAkB;CAChD,aAAa,eAAe,gBAAgB;CAC5C,aAAa,SAAS,UAAU;CAChC,aAAa,SAAS,UAAU;CAChC,aAAa,SAAS,UAAU;CAChC,aAAa,aAAa,cAAc;CACxC,aAAa,QAAQ,SAAS;CAC9B,aAAa,WAAW,YAAY;AACtC"}

package/dist/icon-CvnPanhA.js.map

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

package/dist/icon-DpA9x2Ve.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-DpA9x2Ve.d.ts","names":[],"sources":["../src/icons/icon.ts"],"mappings":";;;;;;;;;;;;;cAoBa,wBAAwB;;EACvB;EACgB;EAChB;EAC0C;EACU;EAQvD;EAKA;YAKU,iBAAM,wBAAA;YAgBN,QAAQ,SAAS;SAWpB,sBAAM;;QAsChB;YACI;IACR,aAAa"}

package/dist/index-BtGFYfaK.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-BtGFYfaK.d.ts","names":[],"sources":["../src/icons/defaults.ts","../src/icons/registry.ts"],"mappings":";;;;;;cAMa;;;;;cAMA;;;;;cAMA;;;;;cAMA;;;cCtBA,SAAO;KAER;WAA+B;;KAC/B,mBAAmB,YAAY;iBAE3B,aAAa,cAAc;iBAK3B,QAAQ;iBAIR,QAAQ;;iBAKR,aAAa"}

package/dist/menu-item-B-zYrTTi.js.map

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

package/dist/menu-item-Bs2MYyHq.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-Bs2MYyHq.d.ts","names":[],"sources":["../src/menu/menu-container.ts","../src/menu/menu-trigger.ts","../src/menu/menu-item.ts"],"mappings":";;;;cASa,sBAAsB;EACgB;EACjB,WAAW;EACX,kBAAkB;UACvB;UAGnB;SAwBD,sBAAM;UA4BL;UAkDA;EAYC,QAAQ,mBAAmB;;;;EASpC,WAAW,SAAS,IAAI;EAOxB,wBAAM;UAaE;;;;;UAoCA;UAiCA;EA0BR;UAIQ;UAQA;UAUA;UAqDA;;QAqCF;YACI;IACR,uBAAuB;;;;;KCxWtB;KACA;KAEO;WACD;WACA;WACA;;cAME,oBAAoB;EACH,MAAM;EACN;EACI,WAAW;EACX,kBAAkB;EACtB,WAAW;;EAEa;UAEnC;UACA;UACA;UAEc;UACN;iBAEV;UAEP;UACA;EAER;EAOA;EAQA;EAkBA,QAAQ,mBAAmB;UAMnB;UAqBA;UAWA;UAOA;MAKJ;EAIJ;EAIA;EAIA;UAIQ;UAgBA;UAQA;UAYA;UAUA;UAYA;UAOA;UAeA;UAeA;UAkBA;SAiBD,sBAAM;EAyEb,wBAAM;;QAwBA;YACI;IACR,qBAAqB;;;;;cCjWZ,iBAAiB;EACA;EAC2B;EAC3B;EACC;EACuB;EACpB,WAAW;EACX,kBAAkB;EAClB,iBAAiB;UAEhC;UACM;UAEf;EAER;UAOQ;UAKA;UAWA;UAQA;UAUA;UAUA;UAWA;UASA;EASR,WAAW,mBAAmB;EAU9B,QAAQ,mBAAmB;UAInB;SAaQ,sBAAM;EAkEtB,wBAAM;;QAwBA;YACI;IACR,kBAAkB"}

package/dist/registry-CkW7q09Q.js

@@ -1,21 +0,0 @@
-//#region src/icons/registry.ts
-const _registry = /* @__PURE__ */ new Map();
-const iconBus = new EventTarget();
-function registerIcon(name, svg) {
-	_registry.set(name, svg);
-	iconBus.dispatchEvent(new CustomEvent(`ixfx-icon-change`, { detail: { name } }));
-}
-function getIcon(name) {
-	return _registry.get(name);
-}
-function hasIcon(name) {
-	return _registry.has(name);
-}
-/** Converts an SVG string to a CSS data-URI value, e.g. for use as a mask-image. */
-function svgToDataUri(svg) {
-	return `url("data:image/svg+xml,${encodeURIComponent(svg)}")`;
-}
-//#endregion
-export { svgToDataUri as a, registerIcon as i, hasIcon as n, iconBus as r, getIcon as t };
-
-//# sourceMappingURL=registry-CkW7q09Q.js.map

package/dist/registry-CkW7q09Q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"registry-CkW7q09Q.js","names":[],"sources":["../src/icons/registry.ts"],"sourcesContent":["const _registry = new Map<string, string>();\n\nexport const iconBus = new EventTarget();\n\nexport type IconChangedDetail = { readonly name: string };\nexport type IconChangedEvent = CustomEvent<IconChangedDetail>;\n\nexport function registerIcon(name: string, svg: string): void {\n  _registry.set(name, svg);\n  iconBus.dispatchEvent(new CustomEvent<IconChangedDetail>(`ixfx-icon-change`, { detail: { name } }));\n}\n\nexport function getIcon(name: string): string | undefined {\n  return _registry.get(name);\n}\n\nexport function hasIcon(name: string): boolean {\n  return _registry.has(name);\n}\n\n/** Converts an SVG string to a CSS data-URI value, e.g. for use as a mask-image. */\nexport function svgToDataUri(svg: string): string {\n  return `url(\"data:image/svg+xml,${encodeURIComponent(svg)}\")`;\n}\n"],"mappings":";AAAA,MAAM,4BAAY,IAAI,IAAoB;AAE1C,MAAa,UAAU,IAAI,YAAY;AAKvC,SAAgB,aAAa,MAAc,KAAmB;CAC5D,UAAU,IAAI,MAAM,GAAG;CACvB,QAAQ,cAAc,IAAI,YAA+B,oBAAoB,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;AACpG;AAEA,SAAgB,QAAQ,MAAkC;CACxD,OAAO,UAAU,IAAI,IAAI;AAC3B;AAEA,SAAgB,QAAQ,MAAuB;CAC7C,OAAO,UAAU,IAAI,IAAI;AAC3B;;AAGA,SAAgB,aAAa,KAAqB;CAChD,OAAO,2BAA2B,mBAAmB,GAAG,EAAE;AAC5D"}

package/dist/tab-list-MPwq_1Jj.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-list-MPwq_1Jj.d.ts","names":[],"sources":["../src/tabs/tab-list-item.ts","../src/tabs/tab-list.ts"],"mappings":";;;;;;;;;;;cAiBa,2BAA2B;EAEtC;EAGA;EAGA;EAGA;EAGA;EAGA,UAAU;UAEO;UACA;UACT;UACA;EAEC;EAUA;EAUA,QAAQ,SAAS;UAQlB;UAUA;UAWA;UAIA;EAKC;EAIA,wBAAM;UA8BP;SAWQ,sBAAM;;QAwHhB;YACI;IACR,sBAAsB;;;;;;;;;;KC5Pd;WACD;WACA;WACA;;KAGC,qBAAqB,YAAY;KAEjC;WACD;WACA;WACA;;KAGC,sBAAsB,YAAY;KAElC;cAMC,uBAAuB;;EAElC;EAGA;EAGA;EAGA;EAGA;EAGA,UAAU;EA2BD,wBAAM;EAsDN;EAUA,QAAQ,mBAAmB;EA2GpC,sBAAkB;EAwBlB,cAAc,IAAI;SAwaX,sBAAM;;QA6JP;YACI;IACR,iBAAiB"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"xy-axis-CxHC8z5E.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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"}