@ixfx/components 0.7.0 → 0.7.2

package/dist/{menu-item-B-zYrTTi.js → menu-item-D2S4i8u1.js}

@@ -3,7 +3,7 @@ import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrA
 import { t as themeFallbacks } from "./fallbacks-DNI9xt0F.js";
 import { t as popupSurfaceStyles } from "./popup-D80sj2QC.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import "./icon-CvnPanhA.js";
+import "./icon-DcEEGQa_.js";
 import "./interaction-D5XdKzbR.js";
 import { LitElement, css, html } from "lit";
 import { property, query, state } from "lit/decorators.js";
@@ -280,6 +280,7 @@ let MenuTrigger = class MenuTrigger extends LitElement {
 		super(..._args);
 		this.mode = `trigger`;
 		this.label = `⋮`;
+		this.iconName = ``;
 		this.placement = `bottom-start`;
 		this.tabStop = true;
 		this._isOpen = false;
@@ -489,11 +490,18 @@ let MenuTrigger = class MenuTrigger extends LitElement {
 
     .trigger-area {
       anchor-name: var(--anchor-name);
-      display: inline-flex;
+      /* Block flex (not inline-flex): as an inline-level box this would join
+         the host's inline formatting context and pick up strut/baseline gaps
+         above and below the button, offsetting the glyph from center. */
+      display: flex;
       align-items: stretch;
     }
 
     .trigger-btn {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      line-height: 1;
       background: none;
       border: none;
       color: var(--surface-3-text);
@@ -558,7 +566,7 @@ let MenuTrigger = class MenuTrigger extends LitElement {
         @click=${this._handleTriggerClick}
         @contextmenu=${this._handleContextMenu}
       >
-        ${showButton ? html`<button class="trigger-btn" part="base" tabindex=${this.tabStop ? `0` : `-1`}>${this.label}</button>` : null}
+        ${showButton ? html`<button class="trigger-btn" part="base" tabindex=${this.tabStop ? `0` : `-1`}>${this.iconName ? html`<ixfx-icon name=${this.iconName}></ixfx-icon>` : this.label}</button>` : null}
         <slot name="trigger" @slotchange=${this._handleTriggerSlotChange}></slot>
       </div>
       <div
@@ -573,6 +581,10 @@ let MenuTrigger = class MenuTrigger extends LitElement {
 };
 __decorate([property({ type: String })], MenuTrigger.prototype, "mode", void 0);
 __decorate([property({ type: String })], MenuTrigger.prototype, "label", void 0);
+__decorate([property({
+	type: String,
+	attribute: `icon-name`
+})], MenuTrigger.prototype, "iconName", void 0);
 __decorate([property({ attribute: false })], MenuTrigger.prototype, "registry", void 0);
 __decorate([property({ attribute: false })], MenuTrigger.prototype, "keyboardManager", void 0);
 __decorate([property({ type: String })], MenuTrigger.prototype, "placement", void 0);
@@ -794,4 +806,4 @@ MenuItem = __decorate([safeCustomElement(`ixfx-menu-item`)], MenuItem);
 //#endregion
 export { MenuTrigger as n, MenuContainer as r, MenuItem as t };
 
-//# sourceMappingURL=menu-item-B-zYrTTi.js.map
+//# sourceMappingURL=menu-item-D2S4i8u1.js.map

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

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

package/dist/menu.d.ts

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

package/dist/menu.js

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

package/dist/notification-pill-DyZydXoZ.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-pill-DyZydXoZ.d.ts","names":[],"sources":["../src/notifier/types.ts","../src/notifier/notification-pill.ts"],"mappings":";;KAAY;KAEA;WACD,MAAM;WACN;WACA;WACA,SAAS;;KAGR,eAAe;WAChB;WACA;WACA;;UAGM;EACf,QAAQ;;UAGO;;EAEf,SAAS,OAAO;;EAEhB;;;;;;EAMA,mBAAmB,eAAe,gBAAgB;;KAGxC;EACV,WAAW;EACX;EACA;EACA;EACA;EACA;EACA,qBAAqB,cAAc;;;;KC9BzB;WAA2B;;KAC3B,eAAe,YAAY;UAEtB;EACf,YAAY;;cAID,gCAAgC;;EAE3C,kBAAkB;EAGlB;EAGA;EAGA;EAGA;YAsCU,wBAAM;SAgBT,sBAAM;;QA6EP;YACI;IACR,0BAA0B;;;UAIb;EACf,oBAAoB,gBAAgB,iCAClC,MAAM,GACN,WAAW,MAAM,yBAAyB,OAAO,gCAAgC,aACjF,oBAAoB,sCAEpB,cACA,UAAU,oCACV,oBAAoB"}
+{"version":3,"file":"notification-pill-DyZydXoZ.d.ts","names":[],"sources":["../src/notifier/types.ts","../src/notifier/notification-pill.ts"],"mappings":";;KAAY;KAEA;WACD,MAAM;WACN;WACA;WACA,SAAS;;KAGR,eAAe;WAChB;WACA;WACA;;UAGM;EACf,QAAQ;;UAGO;;EAEf,SAAS,OAAO;;EAEhB;;;;;;EAMA,mBAAmB,eAAe,gBAAgB;;KAGxC;EACV,WAAW;EACX;EACA;EACA;EACA;EACA;EACA,qBAAqB,cAAc;;;;KC9BzB;WAA2B;;KAC3B,eAAe,YAAY;UAEtB;EACf,YAAY;;cAID,gCAAgC;;EAE3C,kBAAkB;EAGlB;EAGA;EAGA;EAGA;YAqCU,wBAAM;SAgBT,sBAAM;;QA6EP;YACI;IACR,0BAA0B;;;UAIb;EACf,oBAAoB,gBAAgB,iCAClC,MAAM,GACN,WAAW,MAAM,yBAAyB,OAAO,gCAAgC,aACjF,oBAAoB,sCAEpB,cACA,UAAU,oCACV,oBAAoB"}

package/dist/notifier.js

@@ -1,6 +1,6 @@
 import { t as themeFallbacks } from "./fallbacks-DNI9xt0F.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { t as getIcon } from "./registry-CkW7q09Q.js";
+import { i as hasIcon } from "./registry-BEtb8_wB.js";
 import "./icons.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
@@ -33,7 +33,7 @@ let NotificationPillElement = class NotificationPillElement extends LitElement {
 	#renderIcon() {
 		if (!this.icon) return nothing;
 		if (this.icon.startsWith(`<svg`)) return html`<span class="pill-icon">${unsafeHTML(this.icon)}</span>`;
-		if (!getIcon(this.icon)) return nothing;
+		if (!hasIcon(this.icon)) return nothing;
 		return html`<ixfx-icon class="pill-icon" name="${this.icon}"></ixfx-icon>`;
 	}
 	render() {

package/dist/notifier.js.map

@@ -1 +1 @@
-{"version":3,"file":"notifier.js","names":["#emitTap","#handleClick","#handleKeyDown","#renderIcon","customElement"],"sources":["../src/notifier/notification-pill.ts"],"sourcesContent":["/* eslint-disable ts/no-unsafe-declaration-merging */\nimport type { NotificationType } from \"./types.js\";\nimport { css, html, LitElement, nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { getIcon } from \"../icons/index.js\";\nimport { themeFallbacks } from \"../styles/fallbacks.js\";\nimport { safeCustomElement as customElement } from \"../util/custom-elements.js\";\n\nexport type PillTapDetail = { readonly id: string };\nexport type PillTapEvent = CustomEvent<PillTapDetail>;\n\nexport interface NotificationPillElementEventMap {\n  'pill-tap': PillTapEvent;\n}\n\n@customElement(`ixfx-notification-pill`)\nexport class NotificationPillElement extends LitElement {\n  @property({ type: String, attribute: `notification-type` })\n  notificationType: NotificationType = `info`;\n\n  @property({ type: String })\n  message = ``;\n\n  @property({ type: String })\n  icon?: string;\n\n  @property({ type: Boolean, reflect: true })\n  dismissing = false;\n\n  @property({ type: String, attribute: `notification-id` })\n  notificationId = ``;\n\n  #handleClick(): void {\n    this.#emitTap();\n  }\n\n  #handleKeyDown(e: KeyboardEvent): void {\n    if (e.key === `Enter` || e.key === ` `) {\n      e.preventDefault();\n      this.#emitTap();\n    }\n  }\n\n  #emitTap(): void {\n    this.dispatchEvent(\n      new CustomEvent<PillTapDetail>(`pill-tap`, {\n        detail: { id: this.notificationId },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  #renderIcon() {\n    if (!this.icon)\n      return nothing;\n\n    if (this.icon.startsWith(`<svg`)) {\n      return html`<span class=\"pill-icon\">${unsafeHTML(this.icon)}</span>`;\n    }\n\n    const svg = getIcon(this.icon);\n    if (!svg)\n      return nothing;\n\n    return html`<ixfx-icon class=\"pill-icon\" name=\"${this.icon}\"></ixfx-icon>`;\n  }\n\n  protected render() {\n    return html`\n      <button\n        type=\"button\"\n        class=\"pill\"\n        notification-type=\"${this.notificationType}\"\n        @click=${this.#handleClick}\n        @keydown=${this.#handleKeyDown}\n        aria-label=\"${this.message}\"\n      >\n        ${this.#renderIcon()}\n        <span class=\"pill-message\">${this.message}</span>\n      </button>\n    `;\n  }\n\n  static styles = [\n    themeFallbacks,\n    css`\n      :host {\n        display: block;\n      }\n\n      .pill {\n        appearance: none;\n        cursor: pointer;\n        font-family: var(--font-family, inherit);\n        font-size: var(--text-m, 12px);\n        padding: var(--space-s, 4px) var(--space-m, 8px);\n        border-radius: var(--radius-l, 6px);\n        border: 1px solid var(--surface-6, #666);\n        display: inline-flex;\n        align-items: center;\n        gap: var(--space-s, 4px);\n        max-width: 300px;\n        box-shadow: var(--shadow-m);\n        transition: opacity 0.2s ease-out, transform 0.2s ease-out;\n        pointer-events: auto;\n      }\n\n      :host([dismissing]) .pill {\n        opacity: 0;\n        transform: translateX(20px);\n      }\n\n      .pill[notification-type=\"info\"] {\n        background: var(--surface-5, #555);\n        color: var(--surface-5-text, #fff);\n      }\n\n      .pill[notification-type=\"warning\"] {\n        background: color-mix(in oklch, oklch(65% 0.18 70) 30%, var(--surface-5));\n        border-color: oklch(65% 0.18 70);\n        color: var(--surface-5-text, #fff);\n      }\n\n      .pill[notification-type=\"error\"] {\n        background: var(--error, #c00);\n        border-color: var(--error, #c00);\n        color: var(--error-text, #fff);\n      }\n\n      .pill-icon {\n        display: inline-flex;\n        align-items: center;\n        flex-shrink: 0;\n      }\n\n      .pill-icon ixfx-icon {\n        font-size: var(--text-m, 12px);\n      }\n\n      .pill-message {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      .pill:focus-visible {\n        outline: 2px solid var(--accent, #4a9);\n        outline-offset: 2px;\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        .pill {\n          transition: opacity 0.1s ease-out;\n          transform: none !important;\n        }\n      }\n    `,\n  ];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-notification-pill': NotificationPillElement;\n  }\n}\n\nexport interface NotificationPillElement {\n  addEventListener: (<K extends keyof NotificationPillElementEventMap>(\n    type: K,\n    listener: (this: NotificationPillElement, event: NotificationPillElementEventMap[K]) => void,\n    options?: boolean | AddEventListenerOptions,\n  ) => void) & ((\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions,\n  ) => void);\n}\n"],"mappings":";;;;;;;;AAiBO,IAAM,0BAAN,MAAM,gCAAgC,WAAW;;;EAEjB,KAAA,mBAAA;EAG3B,KAAA,UAAA;EAMG,KAAA,aAAA;EAGI,KAAA,iBAAA;;CAEjB,eAAqB;EACnB,KAAKA,SAAS;CAChB;CAEA,eAAe,GAAwB;EACrC,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;GACtC,EAAE,eAAe;GACjB,KAAKA,SAAS;EAChB;CACF;CAEA,WAAiB;EACf,KAAK,cACH,IAAI,YAA2B,YAAY;GACzC,QAAQ,EAAE,IAAI,KAAK,eAAe;GAClC,SAAS;GACT,UAAU;EACZ,CAAC,CACH;CACF;CAEA,cAAc;EACZ,IAAI,CAAC,KAAK,MACR,OAAO;EAET,IAAI,KAAK,KAAK,WAAW,MAAM,GAC7B,OAAO,IAAI,2BAA2B,WAAW,KAAK,IAAI,EAAE;EAI9D,IAAI,CADQ,QAAQ,KAAK,IAClB,GACL,OAAO;EAET,OAAO,IAAI,sCAAsC,KAAK,KAAK;CAC7D;CAEA,SAAmB;EACjB,OAAO,IAAI;;;;6BAIc,KAAK,iBAAiB;iBAClC,KAAKC,aAAa;mBAChB,KAAKC,eAAe;sBACjB,KAAK,QAAQ;;UAEzB,KAAKC,YAAY,EAAE;qCACQ,KAAK,QAAQ;;;CAGhD;;EAEgB,KAAA,SAAA,CACd,gBACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwEL;;AACF;AA9IG,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAoB,CAAC,CAAA,GAAA,wBAAA,WAAA,oBAAA,KAAA,CAAA;AAGzD,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,wBAAA,WAAA,WAAA,KAAA,CAAA;AAGzB,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,wBAAA,WAAA,QAAA,KAAA,CAAA;AAGzB,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,wBAAA,WAAA,cAAA,KAAA,CAAA;AAGzC,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAkB,CAAC,CAAA,GAAA,wBAAA,WAAA,kBAAA,KAAA,CAAA;AAdzDC,0BAAAA,WAAAA,CAAAA,kBAAc,wBAAwB,CAAA,GAAA,uBAAA"}
+{"version":3,"file":"notifier.js","names":["#emitTap","#handleClick","#handleKeyDown","#renderIcon","customElement"],"sources":["../src/notifier/notification-pill.ts"],"sourcesContent":["/* eslint-disable ts/no-unsafe-declaration-merging */\nimport type { NotificationType } from \"./types.js\";\nimport { css, html, LitElement, nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { hasIcon } from \"../icons/index.js\";\nimport { themeFallbacks } from \"../styles/fallbacks.js\";\nimport { safeCustomElement as customElement } from \"../util/custom-elements.js\";\n\nexport type PillTapDetail = { readonly id: string };\nexport type PillTapEvent = CustomEvent<PillTapDetail>;\n\nexport interface NotificationPillElementEventMap {\n  'pill-tap': PillTapEvent;\n}\n\n@customElement(`ixfx-notification-pill`)\nexport class NotificationPillElement extends LitElement {\n  @property({ type: String, attribute: `notification-type` })\n  notificationType: NotificationType = `info`;\n\n  @property({ type: String })\n  message = ``;\n\n  @property({ type: String })\n  icon?: string;\n\n  @property({ type: Boolean, reflect: true })\n  dismissing = false;\n\n  @property({ type: String, attribute: `notification-id` })\n  notificationId = ``;\n\n  #handleClick(): void {\n    this.#emitTap();\n  }\n\n  #handleKeyDown(e: KeyboardEvent): void {\n    if (e.key === `Enter` || e.key === ` `) {\n      e.preventDefault();\n      this.#emitTap();\n    }\n  }\n\n  #emitTap(): void {\n    this.dispatchEvent(\n      new CustomEvent<PillTapDetail>(`pill-tap`, {\n        detail: { id: this.notificationId },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  #renderIcon() {\n    if (!this.icon)\n      return nothing;\n\n    if (this.icon.startsWith(`<svg`)) {\n      return html`<span class=\"pill-icon\">${unsafeHTML(this.icon)}</span>`;\n    }\n\n    if (!hasIcon(this.icon))\n      return nothing;\n\n    return html`<ixfx-icon class=\"pill-icon\" name=\"${this.icon}\"></ixfx-icon>`;\n  }\n\n  protected render() {\n    return html`\n      <button\n        type=\"button\"\n        class=\"pill\"\n        notification-type=\"${this.notificationType}\"\n        @click=${this.#handleClick}\n        @keydown=${this.#handleKeyDown}\n        aria-label=\"${this.message}\"\n      >\n        ${this.#renderIcon()}\n        <span class=\"pill-message\">${this.message}</span>\n      </button>\n    `;\n  }\n\n  static styles = [\n    themeFallbacks,\n    css`\n      :host {\n        display: block;\n      }\n\n      .pill {\n        appearance: none;\n        cursor: pointer;\n        font-family: var(--font-family, inherit);\n        font-size: var(--text-m, 12px);\n        padding: var(--space-s, 4px) var(--space-m, 8px);\n        border-radius: var(--radius-l, 6px);\n        border: 1px solid var(--surface-6, #666);\n        display: inline-flex;\n        align-items: center;\n        gap: var(--space-s, 4px);\n        max-width: 300px;\n        box-shadow: var(--shadow-m);\n        transition: opacity 0.2s ease-out, transform 0.2s ease-out;\n        pointer-events: auto;\n      }\n\n      :host([dismissing]) .pill {\n        opacity: 0;\n        transform: translateX(20px);\n      }\n\n      .pill[notification-type=\"info\"] {\n        background: var(--surface-5, #555);\n        color: var(--surface-5-text, #fff);\n      }\n\n      .pill[notification-type=\"warning\"] {\n        background: color-mix(in oklch, oklch(65% 0.18 70) 30%, var(--surface-5));\n        border-color: oklch(65% 0.18 70);\n        color: var(--surface-5-text, #fff);\n      }\n\n      .pill[notification-type=\"error\"] {\n        background: var(--error, #c00);\n        border-color: var(--error, #c00);\n        color: var(--error-text, #fff);\n      }\n\n      .pill-icon {\n        display: inline-flex;\n        align-items: center;\n        flex-shrink: 0;\n      }\n\n      .pill-icon ixfx-icon {\n        font-size: var(--text-m, 12px);\n      }\n\n      .pill-message {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      .pill:focus-visible {\n        outline: 2px solid var(--accent, #4a9);\n        outline-offset: 2px;\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        .pill {\n          transition: opacity 0.1s ease-out;\n          transform: none !important;\n        }\n      }\n    `,\n  ];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-notification-pill': NotificationPillElement;\n  }\n}\n\nexport interface NotificationPillElement {\n  addEventListener: (<K extends keyof NotificationPillElementEventMap>(\n    type: K,\n    listener: (this: NotificationPillElement, event: NotificationPillElementEventMap[K]) => void,\n    options?: boolean | AddEventListenerOptions,\n  ) => void) & ((\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions,\n  ) => void);\n}\n"],"mappings":";;;;;;;;AAiBO,IAAM,0BAAN,MAAM,gCAAgC,WAAW;;;EAEjB,KAAA,mBAAA;EAG3B,KAAA,UAAA;EAMG,KAAA,aAAA;EAGI,KAAA,iBAAA;;CAEjB,eAAqB;EACnB,KAAKA,SAAS;CAChB;CAEA,eAAe,GAAwB;EACrC,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;GACtC,EAAE,eAAe;GACjB,KAAKA,SAAS;EAChB;CACF;CAEA,WAAiB;EACf,KAAK,cACH,IAAI,YAA2B,YAAY;GACzC,QAAQ,EAAE,IAAI,KAAK,eAAe;GAClC,SAAS;GACT,UAAU;EACZ,CAAC,CACH;CACF;CAEA,cAAc;EACZ,IAAI,CAAC,KAAK,MACR,OAAO;EAET,IAAI,KAAK,KAAK,WAAW,MAAM,GAC7B,OAAO,IAAI,2BAA2B,WAAW,KAAK,IAAI,EAAE;EAG9D,IAAI,CAAC,QAAQ,KAAK,IAAI,GACpB,OAAO;EAET,OAAO,IAAI,sCAAsC,KAAK,KAAK;CAC7D;CAEA,SAAmB;EACjB,OAAO,IAAI;;;;6BAIc,KAAK,iBAAiB;iBAClC,KAAKC,aAAa;mBAChB,KAAKC,eAAe;sBACjB,KAAK,QAAQ;;UAEzB,KAAKC,YAAY,EAAE;qCACQ,KAAK,QAAQ;;;CAGhD;;EAEgB,KAAA,SAAA,CACd,gBACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwEL;;AACF;AA7IG,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAoB,CAAC,CAAA,GAAA,wBAAA,WAAA,oBAAA,KAAA,CAAA;AAGzD,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,wBAAA,WAAA,WAAA,KAAA,CAAA;AAGzB,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,wBAAA,WAAA,QAAA,KAAA,CAAA;AAGzB,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,wBAAA,WAAA,cAAA,KAAA,CAAA;AAGzC,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAkB,CAAC,CAAA,GAAA,wBAAA,WAAA,kBAAA,KAAA,CAAA;AAdzDC,0BAAAA,WAAAA,CAAAA,kBAAc,wBAAwB,CAAA,GAAA,uBAAA"}

package/dist/panel.d.ts

@@ -1,4 +1,4 @@
-import { a as TitlebarToggleDetail, c as TitlebarVariant, i as TitlebarOrientation, o as TitlebarToggleEvent, s as TitlebarToggleInteraction, t as TitlebarCloseEvent } from "./titlebar-DaCfpliv.js";
+import { a as TitlebarToggleDetail, c as TitlebarVariant, i as TitlebarOrientation, o as TitlebarToggleEvent, s as TitlebarToggleInteraction, t as TitlebarCloseEvent } from "./titlebar-Bj5pfdw_.js";
 import { LitElement } from "lit";
 //#region src/panel/panel.d.ts
 /** Backwards-compatible aliases: canonical types now live in `../titlebar/titlebar.js`. */

package/dist/plots.js

@@ -1,2 +1,2 @@
-import { c as computeColour, i as PlotMultiAxis, l as parseColourScaleAttr, n as PlotSingleAxis, o as PlotDataSeries, r as PlotHistogram, s as applyAgeModification, t as PlotXyAxis, u as readBaseColour } from "./xy-axis-CxHC8z5E.js";
+import { c as computeColour, i as PlotMultiAxis, l as parseColourScaleAttr, n as PlotSingleAxis, o as PlotDataSeries, r as PlotHistogram, s as applyAgeModification, t as PlotXyAxis, u as readBaseColour } from "./xy-axis-DWizs0bt.js";
 export { PlotDataSeries, PlotHistogram, PlotMultiAxis, PlotSingleAxis, PlotXyAxis, applyAgeModification, computeColour, parseColourScaleAttr, readBaseColour };

package/dist/polar-pad.d.ts

@@ -1,7 +1,7 @@
-import { n as WheelNudgeConsumerType, t as WheelDirection } from "./wheel-nudge-DGrNzWuE.js";
+import { n as WheelNudgeConsumer, t as WheelDirection } from "./wheel-nudge-By5s_ioH.js";
 import { LitElement, PropertyValues, html } from "lit";
 //#region src/polar-pad/polar-pad.d.ts
-declare const PolarPad_base: (new (...args: any[]) => WheelNudgeConsumerType<LitElement>) & typeof LitElement;
+declare const PolarPad_base: typeof LitElement & (new (...args: any[]) => WheelNudgeConsumer);
 declare class PolarPad extends PolarPad_base {
   static styles: import("lit").CSSResult[];
   /** Current angle in degrees. 0 = right, increases clockwise. */

package/dist/polar-pad.js

@@ -2,7 +2,7 @@ import { t as themeFallbacks } from "./fallbacks-DNI9xt0F.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { t as prominenceStyles } from "./prominence-DlFShic3.js";
 import { t as resolveAxisStep } from "./keyboard-B5xD7Fz-.js";
-import { t as WheelNudgeMixin } from "./wheel-nudge-BlSCe_hD.js";
+import { t as WheelNudgeMixin } from "./wheel-nudge-D5rmht3v.js";
 import { LitElement, css, html, svg } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/polar-pad/polar-pad.ts

package/dist/{radial-input-Dp5qz0ly.js → radial-input-BfA3GO0H.js}

@@ -2,7 +2,7 @@ import { t as themeFallbacks } from "./fallbacks-DNI9xt0F.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { t as prominenceStyles } from "./prominence-DlFShic3.js";
 import { t as resolveAxisStep } from "./keyboard-B5xD7Fz-.js";
-import { t as WheelNudgeMixin } from "./wheel-nudge-BlSCe_hD.js";
+import { t as WheelNudgeMixin } from "./wheel-nudge-D5rmht3v.js";
 import { LitElement, css, html, svg } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/radial-input/svg-utils.ts
@@ -873,4 +873,4 @@ RadialInputElement = __decorate([safeCustomElement(`ixfx-radial-input`)], Radial
 //#endregion
 export { RadialInputElement as t };
 
-//# sourceMappingURL=radial-input-Dp5qz0ly.js.map
+//# sourceMappingURL=radial-input-BfA3GO0H.js.map

package/dist/{radial-input-Dp5qz0ly.js.map → radial-input-BfA3GO0H.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radial-input-Dp5qz0ly.js","names":["#_radius","#dragging","#dragStartY","#valueAtDragStart","#onPointerMove","#onPointerUp","#setValueFromRelative","#stepByRelativeDelta","#lanes","#getRelativeValue","#quantise","#isUserInteraction","#scheduleChangeEvent","#fireChangeEvent","#changeDebounceTimer","#getCssVar","#getEffectiveMarkerStyle","#getNeedlePath","#onPointerDown","#onKeyDown","#renderCircleFill","#renderWedge","#renderCircleBorder","#renderLane","#renderMidpointMarker","#renderValueMarker","customElement"],"sources":["../src/radial-input/svg-utils.ts","../src/radial-input/radial-input.ts"],"sourcesContent":["/**\n * SVG utilities for radial input component\n * Handles geometry calculations for flattened circle arcs\n */\n\nimport type { ValueMode } from './types.js';\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport interface ArcParameters {\n  startAngle: number; // radians\n  endAngle: number; // radians\n  radius: number;\n  center: Point;\n}\n\nconst PI2 = Math.PI * 2;\nconst MIDPOINT_ANGLE = -Math.PI / 2; // Top-center of circle\n\n/**\n * Convert polar coordinates (angle in radians, radius) to SVG Cartesian coordinates\n * @param angle - Angle in radians (0 = right/east, increases clockwise in SVG)\n * @param radius - Distance from center\n * @param center - Center point (default: {x: 50, y: 50})\n * @returns Point in SVG coordinates\n */\nexport function polarToCartesian(\n  angle: number,\n  radius: number,\n  center: Point = { x: 50, y: 50 },\n): Point {\n  return {\n    x: center.x + Math.cos(angle) * radius,\n    y: center.y + Math.sin(angle) * radius,\n  };\n}\n\n/**\n * Convert SVG Cartesian coordinates to polar (angle in radians, radius)\n * @param x - X coordinate\n * @param y - Y coordinate\n * @param center - Center point (default: {x: 50, y: 50})\n * @returns Angle in radians (0..2π) and radius\n */\nexport function cartesianToPolar(\n  x: number,\n  y: number,\n  center: Point = { x: 50, y: 50 },\n): { angle: number; radius: number } {\n  const dx = x - center.x;\n  const dy = y - center.y;\n  const radius = Math.sqrt(dx * dx + dy * dy);\n  const raw = Math.atan2(dy, dx);\n  const angle = ((raw % PI2) + PI2) % PI2; // Normalize to 0..2π\n  return { angle, radius };\n}\n\n/**\n * Calculate start and end angles for a flattened circle\n * @param flatten - How much of the circle to hide (0..1): 0 = full circle, 0.5 = half circle, 1 = no arc\n * @returns Start and end angles in radians\n */\nexport function getFlattenedCircleAngles(flatten: number): {\n  startAngle: number;\n  endAngle: number;\n  totalArc: number;\n} {\n  // flatten represents the percentage of circle hidden\n  // 0 = full circle (360°), 0.5 = half circle (180°), 1 = no arc (0°)\n  const visibleArc = PI2 * (1 - flatten); // Total visible arc in radians\n\n  // Center the visible arc at the top (angle = -π/2)\n  // Start and end angles are symmetric around top-center\n  const halfArc = visibleArc / 2;\n  const topAngle = -Math.PI / 2; // Top center (270° in standard coords, but -90° from east)\n\n  const startAngle = topAngle - halfArc;\n  const endAngle = topAngle + halfArc;\n  const totalArc = endAngle - startAngle;\n\n  return { startAngle, endAngle, totalArc };\n}\n\n/**\n * Map a value (0..1) to an angle based on value mode\n * @param relativeValue - Value in 0..1 range\n * @param valueMode - How to interpret the value\n * @param flatten - Circle flattening amount (0..1)\n * @returns Angle in radians\n */\nexport function valueToAngle(\n  relativeValue: number,\n  valueMode: ValueMode,\n  flatten: number,\n): number {\n  const { startAngle, endAngle, totalArc } = getFlattenedCircleAngles(flatten);\n\n  switch (valueMode) {\n    case `range`:\n      // Linear mapping from start to end\n      return startAngle + relativeValue * totalArc;\n\n    case `bipolar`: {\n      // Midpoint is at top (MIDPOINT_ANGLE = -π/2)\n      if (relativeValue <= 0.5) {\n        // Map 0..0.5 to startAngle..MIDPOINT_ANGLE (going counterclockwise to top)\n        const t = relativeValue / 0.5;\n        return startAngle + t * (MIDPOINT_ANGLE - startAngle);\n      } else {\n        // Map 0.5..1 to MIDPOINT_ANGLE..endAngle (going clockwise from top)\n        const t = (relativeValue - 0.5) / 0.5;\n        return MIDPOINT_ANGLE + t * (endAngle - MIDPOINT_ANGLE);\n      }\n    }\n\n    case `unipolar`: {\n      // Marker stays at top for unipolar mode\n      return MIDPOINT_ANGLE;\n    }\n\n    default:\n      return startAngle;\n  }\n}\n\n/**\n * Get start and end angles for a value arc\n * @param relativeValue - Value in 0..1 range\n * @param valueMode - How to interpret the value\n * @param flatten - Circle flattening amount (0..1)\n * @returns Start and end angles for the arc\n */\nexport function getValueArcAngles(\n  relativeValue: number,\n  valueMode: ValueMode,\n  flatten: number,\n): { startAngle: number; endAngle: number } {\n  const { startAngle, endAngle, totalArc } = getFlattenedCircleAngles(flatten);\n\n  switch (valueMode) {\n    case `range`:\n      // Arc from start to value position\n      return {\n        startAngle,\n        endAngle: startAngle + relativeValue * totalArc,\n      };\n\n    case `bipolar`: {\n      // Midpoint is at top (MIDPOINT_ANGLE = -π/2)\n      if (relativeValue < 0.5) {\n        // Arc from some point toward top (going counterclockwise)\n        const t = relativeValue / 0.5;\n        const valueAngle = startAngle + t * (MIDPOINT_ANGLE - startAngle);\n        return {\n          startAngle: valueAngle,\n          endAngle: MIDPOINT_ANGLE,\n        };\n      } else if (relativeValue > 0.5) {\n        // Arc from top going clockwise\n        const t = (relativeValue - 0.5) / 0.5;\n        const valueAngle = MIDPOINT_ANGLE + t * (endAngle - MIDPOINT_ANGLE);\n        return {\n          startAngle: MIDPOINT_ANGLE,\n          endAngle: valueAngle,\n        };\n      } else {\n        // Exactly at midpoint, no arc\n        return { startAngle: MIDPOINT_ANGLE, endAngle: MIDPOINT_ANGLE };\n      }\n    }\n\n    case `unipolar`: {\n      // Spread symmetrically from top (MIDPOINT_ANGLE = -π/2)\n      const spreadAmount = relativeValue * totalArc / 2;\n      return {\n        startAngle: MIDPOINT_ANGLE - spreadAmount,\n        endAngle: MIDPOINT_ANGLE + spreadAmount,\n      };\n    }\n\n    default:\n      return { startAngle, endAngle: startAngle };\n  }\n}\n\n/**\n * Get start and end angles for an anchored arc\n * Centered on current value position, extends equally in both directions\n * @param relativeValue - Current value position (0..1)\n * @param laneValue - Width of the arc (0..1, where 1 = full range)\n * @param valueMode - How to interpret the value\n * @param flatten - Circle flattening amount (0..1)\n * @returns Start and end angles for the arc\n */\nexport function getAnchoredArcAngles(\n  relativeValue: number,\n  laneValue: number,\n  valueMode: ValueMode,\n  flatten: number,\n): { startAngle: number; endAngle: number } {\n  const { startAngle, endAngle, totalArc } = getFlattenedCircleAngles(flatten);\n\n  // Get the angle for the current value (this is the center of the arc)\n  const centerAngle = valueToAngle(relativeValue, valueMode, flatten);\n\n  // Calculate half-width of the arc\n  // laneValue is 0..1, where 1 = full range\n  const halfWidth = (laneValue * totalArc) / 2;\n\n  let arcStart = centerAngle - halfWidth;\n  let arcEnd = centerAngle + halfWidth;\n\n  // Clamp to valid bounds (prevent wrapping)\n  // The valid range is [startAngle, endAngle]\n  if (arcStart < startAngle)\n    arcStart = startAngle;\n  if (arcEnd > endAngle)\n    arcEnd = endAngle;\n\n  // If the arc would be degenerate after clamping, return a single point\n  if (arcStart >= arcEnd) {\n    return { startAngle: centerAngle, endAngle: centerAngle };\n  }\n\n  return { startAngle: arcStart, endAngle: arcEnd };\n}\n\n/**\n * Generate SVG path for an arc\n * @param startAngle - Start angle in radians\n * @param endAngle - End angle in radians\n * @param radius - Arc radius\n * @param center - Center point\n * @returns SVG path data string\n */\nexport function generateArcPath(\n  startAngle: number,\n  endAngle: number,\n  radius: number,\n  center: Point = { x: 50, y: 50 },\n): string {\n  if (startAngle === endAngle) {\n    return ``; // No arc to draw\n  }\n\n  // Calculate arc length to determine large-arc-flag\n  let arcLength = endAngle - startAngle;\n\n  // Handle wrap-around case (e.g., from 5.5 to 0.5 radians)\n  if (arcLength < 0) {\n    arcLength += PI2;\n  }\n\n  // Handle full or near-full circle case\n  // When arcLength is nearly 2π, start and end points are essentially the same\n  // and drawing a full circle needs special handling\n  if (arcLength >= PI2 - 0.001) {\n    // Draw a full circle by going almost all the way around\n    const adjustedEnd = startAngle + PI2 - 0.001;\n    const start = polarToCartesian(startAngle, radius, center);\n    const end = polarToCartesian(adjustedEnd, radius, center);\n    return `M ${start.x},${start.y} A ${radius},${radius} 0 1 1 ${end.x},${end.y}`;\n  }\n\n  const start = polarToCartesian(startAngle, radius, center);\n  const end = polarToCartesian(endAngle, radius, center);\n\n  const largeArcFlag = arcLength > Math.PI ? 1 : 0;\n\n  return `M ${start.x},${start.y} A ${radius},${radius} 0 ${largeArcFlag} 1 ${end.x},${end.y}`;\n}\n\n/**\n * Generate SVG path for a full flattened circle border\n * @param radius - Circle radius\n * @param flatten - Flattening amount (0..1)\n * @param center - Center point\n * @returns SVG path data string\n */\nexport function generateCircleBorderPath(\n  radius: number,\n  flatten: number,\n  center: Point = { x: 50, y: 50 },\n): string {\n  const { startAngle, endAngle } = getFlattenedCircleAngles(flatten);\n  return generateArcPath(startAngle, endAngle, radius, center);\n}\n\n/**\n * Generate SVG path data for a filled wedge (pie-slice) sector\n * @param startAngle - Start angle in radians\n * @param endAngle - End angle in radians\n * @param radius - Wedge radius (same as dial radius)\n * @param center - Center point\n * @param clockwise - Whether to draw arc clockwise (true) or counterclockwise (false)\n * @returns SVG path data string for filled wedge\n */\nexport function generateWedgePath(\n  startAngle: number,\n  endAngle: number,\n  radius: number,\n  center: Point = { x: 50, y: 50 },\n  clockwise: boolean = true,\n): string {\n  if (startAngle === endAngle) {\n    return ``; // No wedge to draw\n  }\n\n  // Calculate arc length (always positive, representing shortest path)\n  let arcLength = endAngle - startAngle;\n  if (arcLength < 0) {\n    arcLength += PI2;\n  }\n\n  // Handle full or near-full circle case\n  if (arcLength >= PI2 - 0.001) {\n    // Draw a near-full circle wedge\n    const start = polarToCartesian(startAngle, radius, center);\n    const adjustedEnd = startAngle + PI2 - 0.001;\n    const adjEnd = polarToCartesian(adjustedEnd, radius, center);\n    const largeArcFlag = 1;\n    const sweepFlag = clockwise ? 1 : 0;\n    return `M ${center.x},${center.y} L ${start.x},${start.y} A ${radius},${radius} 0 ${largeArcFlag} ${sweepFlag} ${adjEnd.x},${adjEnd.y} Z`;\n  }\n\n  let actualStartAngle = startAngle;\n  let actualEndAngle = endAngle;\n  let actualClockwise = clockwise;\n\n  // When going counterclockwise and arcLength > π, we want the short clockwise path instead\n  // by swapping start and end\n  if (!clockwise && arcLength > Math.PI) {\n    actualStartAngle = endAngle;\n    actualEndAngle = startAngle;\n    actualClockwise = true;\n    arcLength = PI2 - arcLength;\n  }\n\n  const start = polarToCartesian(actualStartAngle, radius, center);\n  const end = polarToCartesian(actualEndAngle, radius, center);\n\n  const largeArcFlag = arcLength > Math.PI ? 1 : 0;\n  const sweepFlag = actualClockwise ? 1 : 0;\n\n  // M center L start A radius radius 0 large sweep end Z\n  return `M ${center.x},${center.y} L ${start.x},${start.y} A ${radius},${radius} 0 ${largeArcFlag} ${sweepFlag} ${end.x},${end.y} Z`;\n}\n\n/**\n * Get wedge angles based on value mode\n * @param relativeValue - Value in 0..1 range\n * @param valueMode - How to interpret the value\n * @param flatten - Circle flattening amount (0..1)\n * @returns Object with startAngle, endAngle, and clockwise flag\n */\nexport function getWedgeAngles(\n  relativeValue: number,\n  valueMode: ValueMode,\n  flatten: number,\n): { startAngle: number; endAngle: number; clockwise: boolean } {\n  const { startAngle, totalArc } = getFlattenedCircleAngles(flatten);\n  const valueAngle = valueToAngle(relativeValue, valueMode, flatten);\n\n  switch (valueMode) {\n    case `range`:\n      // Wedge from startAngle to valueAngle (always clockwise)\n      return {\n        startAngle,\n        endAngle: valueAngle,\n        clockwise: true,\n      };\n\n    case `bipolar`: {\n      // When value < 0.5, go counterclockwise from midpoint to value\n      // When value >= 0.5, go clockwise from midpoint to value\n      if (relativeValue < 0.5) {\n        return {\n          startAngle: MIDPOINT_ANGLE,\n          endAngle: valueAngle,\n          clockwise: false,\n        };\n      } else {\n        return {\n          startAngle: MIDPOINT_ANGLE,\n          endAngle: valueAngle,\n          clockwise: true,\n        };\n      }\n    }\n\n    case `unipolar`: {\n      // Wedge centered at MIDPOINT, spreading value * totalArc/2 in each direction\n      const halfSpread = relativeValue * totalArc / 2;\n      return {\n        startAngle: MIDPOINT_ANGLE - halfSpread,\n        endAngle: MIDPOINT_ANGLE + halfSpread,\n        clockwise: true,\n      };\n    }\n\n    default:\n      return { startAngle, endAngle: startAngle, clockwise: true };\n  }\n}\n\n/**\n * Get position for a marker (needle or dot) at a given value\n * @param relativeValue - Value in 0..1 range\n * @param valueMode - How to interpret the value\n * @param flatten - Circle flattening amount (0..1)\n * @param radius - Circle radius\n * @param center - Center point\n * @returns Angle in radians and position point\n */\nexport function getMarkerPosition(\n  relativeValue: number,\n  valueMode: ValueMode,\n  flatten: number,\n  radius: number,\n  center: Point = { x: 50, y: 50 },\n): { angle: number; position: Point } {\n  const angle = valueToAngle(relativeValue, valueMode, flatten);\n  const position = polarToCartesian(angle, radius, center);\n  return { angle, position };\n}\n\n/**\n * Get position for midpoint marker (used in bipolar/unipolar modes)\n * @param radius - Circle radius\n * @param center - Center point\n * @returns Position at top-center of circle\n */\nexport function getMidpointPosition(\n  radius: number,\n  center: Point = { x: 50, y: 50 },\n): { angle: number; position: Point } {\n  const position = polarToCartesian(MIDPOINT_ANGLE, radius, center);\n  return { angle: MIDPOINT_ANGLE, position };\n}\n\n/**\n * Clamp a value between min and max\n */\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\n/**\n * Scale a value from one range to another\n */\nexport function scale(\n  value: number,\n  fromMin: number,\n  fromMax: number,\n  toMin: number,\n  toMax: number,\n): number {\n  const normalized = (value - fromMin) / (fromMax - fromMin);\n  return toMin + normalized * (toMax - toMin);\n}\n","/**\n * Radial input component\n * A rotary dial input inspired by Ableton Live and music production software.\n *\n * Mouse wheel: up = increase, down = decrease, with the same step resolution as\n * arrow keys (Shift halves the step). The dial must have focus by default, or\n * set the `lighttouch` boolean attribute to react on hover instead. See\n * `docs/infra-mousewheel.md`.\n */\n\nimport type { PropertyValues } from 'lit';\nimport type { WheelDirection } from '../mixins/wheel-nudge.js';\nimport type {\n  LaneData,\n  LaneType,\n  MarkerStyle,\n  RadialInputChangeDetail,\n  RadialInputInputDetail,\n  ValueMode,\n} from './types.js';\nimport { css, html, LitElement, svg } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { KEY_STEP_DIVISOR, resolveAxisStep } from '../keyboard.js';\nimport { WheelNudgeMixin } from '../mixins/wheel-nudge.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { prominenceStyles } from '../styles/prominence.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport {\n  clamp,\n  generateArcPath,\n  generateCircleBorderPath,\n  generateWedgePath,\n  getAnchoredArcAngles,\n  getMarkerPosition,\n  getMidpointPosition,\n  getValueArcAngles,\n  getWedgeAngles,\n  scale,\n} from './svg-utils.js';\n\nconst CENTER = { x: 50, y: 50 }; // Center point in viewBox\n\n@customElement(`ixfx-radial-input`)\nexport class RadialInputElement extends WheelNudgeMixin(LitElement) {\n  // Internal backing field for radius (used with custom setter for clamping)\n  #_radius = 45;\n\n  // Radius property (controls dial size, 10-50 range to prevent clipping)\n  @property({ type: Number })\n  get radius(): number {\n    return this.#_radius;\n  }\n\n  set radius(v: number) {\n    this.#_radius = clamp(v, 10, 50);\n  }\n\n  // Value properties (matches ixfx-range API)\n  @property({ type: Number })\n  value = 0;\n\n  @property({ type: Number })\n  min = 0;\n\n  @property({ type: Number })\n  max = 100;\n\n  @property({ type: Number })\n  step: number | undefined = undefined;\n\n  @property({ type: Number })\n  stops?: number;\n\n  // Value mode\n  @property({ type: String, attribute: `value-mode` })\n  valueMode: ValueMode = `range`;\n\n  // Appearance\n  @property({ type: Number })\n  flatten = 0.3;\n\n  @property({ type: String, attribute: `marker-style` })\n  markerStyle: MarkerStyle = `needle`;\n\n  @property({ type: Boolean })\n  wedge = false;\n\n  // Interaction\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  // Internal state\n  #lanes: Map<string, LaneData> = new Map();\n  #dragging = false;\n  #dragStartY = 0;\n  #valueAtDragStart = 0;\n  #changeDebounceTimer: number | undefined;\n  #isUserInteraction = false;\n\n  constructor() {\n    super();\n    // Initialize default lanes\n    // Note: value lane will be updated in willUpdate() to reflect initial value\n    this.#lanes.set(`track`, {\n      key: `track`,\n      value: 1, // Full range\n      type: `fixed`,\n      offset: 0,\n      width: 0.16,\n    });\n    this.#lanes.set(`value`, {\n      key: `value`,\n      value: 0, // Will be updated in willUpdate()\n      type: `value`,\n      offset: 0,\n      width: 0.24,\n    });\n  }\n\n  // Lane management API\n  addLane(\n    key: string,\n    options?: {\n      value?: number;\n      type?: LaneType;\n      offset?: number;\n      width?: number;\n    },\n  ): void {\n    const relativeValue = this.#getRelativeValue();\n    this.#lanes.set(key, {\n      key,\n      value: options?.value ?? relativeValue,\n      type: options?.type ?? `value`,\n      offset: options?.offset ?? 0,\n      width: options?.width ?? 0.1,\n    });\n    this.requestUpdate();\n  }\n\n  setLaneValue(key: string, value: number): void {\n    const lane = this.#lanes.get(key);\n    if (lane) {\n      lane.value = clamp(value, 0, 1);\n      this.requestUpdate();\n    }\n  }\n\n  removeLane(key: string): void {\n    this.#lanes.delete(key);\n    this.requestUpdate();\n  }\n\n  getLanes(): ReadonlyMap<string, LaneData> {\n    return new Map(this.#lanes);\n  }\n\n  getLane(key: string): LaneData | undefined {\n    return this.#lanes.get(key);\n  }\n\n  // Internal helpers\n  #getRelativeValue(): number {\n    return scale(this.value, this.min, this.max, 0, 1);\n  }\n\n  #getEffectiveMarkerStyle(): MarkerStyle {\n    if (this.valueMode === `unipolar` && this.markerStyle === `needle`) {\n      return `none`;\n    }\n    return this.markerStyle;\n  }\n\n  #quantise(value: number): number {\n    if (this.stops && this.stops > 1) {\n      const range = this.max - this.min;\n      const step = range / this.stops;\n      return Math.round((value - this.min) / step) * step + this.min;\n    }\n    return value;\n  }\n\n  #setValueFromRelative(relativeValue: number, isUserInteraction = false): void {\n    const newValue = scale(relativeValue, 0, 1, this.min, this.max);\n    const clampedValue = this.#quantise(clamp(newValue, this.min, this.max));\n\n    if (clampedValue === this.value)\n      return;\n\n    const previousValue = this.value;\n    this.value = clampedValue;\n    this.#isUserInteraction = isUserInteraction;\n\n    // Update 'value' lane if it exists\n    const valueLane = this.#lanes.get(`value`);\n    if (valueLane && valueLane.type === `value`) {\n      valueLane.value = this.#getRelativeValue();\n    }\n\n    // Update data-tooltip for live tooltips\n    if (this.hasAttribute(`data-tooltip-live`)) {\n      const percentage = Math.round(this.#getRelativeValue() * 100);\n      this.setAttribute(`data-tooltip`, `${percentage}%`);\n    }\n\n    // Fire input event only for user interactions\n    if (isUserInteraction) {\n      this.dispatchEvent(\n        new CustomEvent<RadialInputInputDetail>(`input`, {\n          detail: {\n            value: this.value,\n            valueRelative: this.#getRelativeValue(),\n          },\n          bubbles: true,\n          composed: true,\n        }),\n      );\n\n      // Debounce change event\n      this.#scheduleChangeEvent(previousValue);\n    } else {\n      // Immediate change event for programmatic changes\n      this.#fireChangeEvent(previousValue);\n    }\n  }\n\n  #scheduleChangeEvent(previousValue: number): void {\n    if (this.#changeDebounceTimer !== undefined) {\n      clearTimeout(this.#changeDebounceTimer);\n    }\n\n    this.#changeDebounceTimer = window.setTimeout(() => {\n      this.#fireChangeEvent(previousValue);\n      this.#changeDebounceTimer = undefined;\n    }, 150);\n  }\n\n  #fireChangeEvent(previousValue: number): void {\n    this.dispatchEvent(\n      new CustomEvent<RadialInputChangeDetail>(`change`, {\n        detail: {\n          value: this.value,\n          valueRelative: this.#getRelativeValue(),\n          previousValue,\n        },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  // Pointer interaction handlers\n  #onPointerDown = (event: PointerEvent): void => {\n    if (this.disabled)\n      return;\n\n    event.preventDefault();\n    const svg = this.renderRoot.querySelector(`svg`);\n    svg?.focus();\n    this.#dragging = true;\n    this.#dragStartY = event.clientY;\n    this.#valueAtDragStart = this.value;\n    this.toggleAttribute(`dragging`, true);\n\n    if (svg) {\n      svg.setPointerCapture(event.pointerId);\n    }\n\n    window.addEventListener(`pointermove`, this.#onPointerMove);\n    window.addEventListener(`pointerup`, this.#onPointerUp);\n    window.addEventListener(`pointercancel`, this.#onPointerUp);\n  };\n\n  #onPointerMove = (event: PointerEvent): void => {\n    if (!this.#dragging)\n      return;\n\n    event.preventDefault();\n\n    // Calculate sensitivity: full range = 2× component height\n    const sensitivity = this.clientHeight * 2;\n    const shiftDivisor = event.shiftKey ? KEY_STEP_DIVISOR : 1;\n    const effectiveSensitivity = sensitivity * shiftDivisor;\n\n    // Calculate delta (negative because up = increase)\n    const deltaY = this.#dragStartY - event.clientY;\n    const deltaValue = (deltaY / effectiveSensitivity) * (this.max - this.min);\n    const newValue = this.#valueAtDragStart + deltaValue;\n\n    const relativeValue = scale(newValue, this.min, this.max, 0, 1);\n    this.#setValueFromRelative(clamp(relativeValue, 0, 1), true);\n  };\n\n  #onPointerUp = (): void => {\n    this.#dragging = false;\n    this.toggleAttribute(`dragging`, false);\n\n    const svg = this.renderRoot.querySelector(`svg`);\n    if (svg && `hasPointerCapture` in svg && typeof svg.hasPointerCapture === `function`) {\n      if (svg.hasPointerCapture(1)) {\n        svg.releasePointerCapture(1);\n      }\n    }\n\n    window.removeEventListener(`pointermove`, this.#onPointerMove);\n    window.removeEventListener(`pointerup`, this.#onPointerUp);\n    window.removeEventListener(`pointercancel`, this.#onPointerUp);\n  };\n\n  // Keyboard interaction handler\n  #onKeyDown = (event: KeyboardEvent): void => {\n    if (this.disabled)\n      return;\n\n    const range = this.max - this.min;\n    const effectiveStep = resolveAxisStep(range, this.stops, this.step, event.shiftKey);\n\n    let handled = false;\n\n    switch (event.key) {\n      case `ArrowUp`:\n      case `ArrowRight`:\n        this.#stepByRelativeDelta(effectiveStep / range, true);\n        handled = true;\n        break;\n\n      case `ArrowDown`:\n      case `ArrowLeft`:\n        this.#stepByRelativeDelta(-effectiveStep / range, true);\n        handled = true;\n        break;\n\n      case `Home`:\n        this.#setValueFromRelative(0, true);\n        handled = true;\n        break;\n\n      case `End`:\n        this.#setValueFromRelative(1, true);\n        handled = true;\n        break;\n    }\n\n    if (handled) {\n      event.preventDefault();\n    }\n  };\n\n  /**\n   * Apply a relative-delta nudge to the current value, clamped to [min, max] and\n   * quantised. Shared between keyboard arrow keys and the wheel handler.\n   */\n  #stepByRelativeDelta(relativeDelta: number, isUserInteraction: boolean): void {\n    this.#setValueFromRelative(\n      clamp(this.#getRelativeValue() + relativeDelta, 0, 1),\n      isUserInteraction,\n    );\n  }\n\n  // Wheel handler — installed by WheelNudgeMixin on the host. Inverted from the\n  // shared convention (`docs/infra-mousewheel.md`): wheel forward/up decreases\n  // the value, wheel backward/down increases it. Matches the perceived\n  // rotation of a physical rotary dial — turning the dial clockwise is the\n  // most natural \"forward\" gesture and should reduce the value.\n  override _applyWheelDelta(direction: WheelDirection, event: WheelEvent): void {\n    const range = this.max - this.min;\n    const effectiveStep = resolveAxisStep(range, this.stops, this.step, event.shiftKey);\n    this.#stepByRelativeDelta(-direction * effectiveStep / range, true);\n  }\n\n  // Rendering helpers\n  #renderCircleBorder() {\n    const path = generateCircleBorderPath(this.radius, this.flatten, CENTER);\n    const borderWidth = this.#getCssVar(`--dial-border-width`, 2);\n    const borderColor = getComputedStyle(this).getPropertyValue(`--dial-border-color`).trim() || `var(--surface-4)`;\n    return svg`<path class=\"dial-border\" d=\"${path}\" fill=\"none\" stroke=\"${borderColor}\" stroke-width=\"${borderWidth}\" stroke-linecap=\"round\" vector-effect=\"non-scaling-stroke\" />`;\n  }\n\n  #renderCircleFill() {\n    const path = generateCircleBorderPath(this.radius, this.flatten, CENTER);\n    const fill = getComputedStyle(this).getPropertyValue(`--dial-fill`).trim() || `transparent`;\n    return svg`<path class=\"dial-fill\" d=\"${path}\" fill=\"${fill}\" />`;\n  }\n\n  #renderWedge() {\n    const relativeValue = this.#getRelativeValue();\n    const { startAngle, endAngle, clockwise } = getWedgeAngles(\n      relativeValue,\n      this.valueMode,\n      this.flatten,\n    );\n\n    const path = generateWedgePath(startAngle, endAngle, this.radius, CENTER, clockwise);\n    if (!path)\n      return svg``;\n\n    return svg`<path class=\"wedge\" d=\"${path}\" />`;\n  }\n\n  #renderLane(lane: LaneData) {\n    let arcPath = ``;\n\n    if (lane.type === `fixed`) {\n      // Fixed lanes always show full range\n      arcPath = generateCircleBorderPath(\n        this.radius - lane.offset * this.radius,\n        this.flatten,\n        CENTER,\n      );\n    } else if (lane.type === `anchored`) {\n      // Anchored lanes: centered on current value, arc width based on lane.value\n      const { startAngle, endAngle } = getAnchoredArcAngles(\n        this.#getRelativeValue(),\n        lane.value,\n        this.valueMode,\n        this.flatten,\n      );\n      arcPath = generateArcPath(\n        startAngle,\n        endAngle,\n        this.radius - lane.offset * this.radius,\n        CENTER,\n      );\n    } else {\n      // Value lanes follow the value mode\n      const { startAngle, endAngle } = getValueArcAngles(\n        lane.value,\n        this.valueMode,\n        this.flatten,\n      );\n      arcPath = generateArcPath(\n        startAngle,\n        endAngle,\n        this.radius - lane.offset * this.radius,\n        CENTER,\n      );\n    }\n\n    if (!arcPath)\n      return svg``;\n\n    return svg`\n      <path \n        class=\"lane\" \n        data-lane-key=\"${lane.key}\" \n        part=\"lane lane-${lane.key}\"\n        d=\"${arcPath}\"\n        style=\"\n          stroke-width: calc(var(--lane-${lane.key}-width, var(--lane-width)) * ${this.radius}%);\n          stroke-linecap: round;\n        \"\n      />\n    `;\n  }\n\n  #getNeedlePath(angle: number, length: number, offset: number): string {\n    const startRadius = offset * this.radius;\n    const endRadius = length * this.radius;\n\n    const start = {\n      x: CENTER.x + Math.cos(angle) * startRadius,\n      y: CENTER.y + Math.sin(angle) * startRadius,\n    };\n    const end = {\n      x: CENTER.x + Math.cos(angle) * endRadius,\n      y: CENTER.y + Math.sin(angle) * endRadius,\n    };\n\n    return `M ${start.x} ${start.y} L ${end.x} ${end.y}`;\n  }\n\n  #renderValueMarker(needlePath?: string) {\n    const relativeValue = this.#getRelativeValue();\n    const { angle, position } = getMarkerPosition(\n      relativeValue,\n      this.valueMode,\n      this.flatten,\n      this.radius,\n      CENTER,\n    );\n\n    const markerOffset = this.#getCssVar(`--marker-offset`, 1);\n    const markerBorderWidth = this.#getCssVar(`--marker-border-width`, 0);\n    const effectiveStyle = this.#getEffectiveMarkerStyle();\n\n    if (effectiveStyle === `dot`) {\n      const size = this.#getCssVar(`--marker-thickness`, 0.15);\n      const r = size * this.radius;\n      const dotX = CENTER.x + (position.x - CENTER.x) * markerOffset;\n      const dotY = CENTER.y + (position.y - CENTER.y) * markerOffset;\n\n      if (markerBorderWidth > 0) {\n        return svg`\n          <g class=\"value-marker\" part=\"value-marker\">\n            <use href=\"#dot-path\" class=\"marker-border\" />\n            <use href=\"#dot-path\" class=\"marker-fill\" />\n          </g>\n        `;\n      }\n\n      return svg`\n        <g class=\"value-marker\" part=\"value-marker\">\n          <circle cx=\"${dotX}\" cy=\"${dotY}\" r=\"${r}\" />\n        </g>\n      `;\n    } else if (effectiveStyle === `needle`) {\n      if (markerBorderWidth > 0 && needlePath) {\n        return svg`\n          <g class=\"value-marker\" part=\"value-marker\">\n            <use href=\"#needle-path\" class=\"marker-border\" />\n            <use href=\"#needle-path\" class=\"marker-fill\" />\n          </g>\n        `;\n      }\n\n      const length = this.#getCssVar(`--marker-length`, 0.8);\n      const offset = this.#getCssVar(`--marker-offset`, 0.2);\n      const path = this.#getNeedlePath(angle, length, offset);\n\n      return svg`\n        <g class=\"value-marker\" part=\"value-marker\">\n          <path d=\"${path}\" />\n        </g>\n      `;\n    }\n  }\n\n  #renderMidpointMarker() {\n    // Only show in bipolar/unipolar modes\n    if (this.valueMode !== `bipolar` && this.valueMode !== `unipolar`) {\n      return svg``;\n    }\n\n    const { position } = getMidpointPosition(this.radius, CENTER);\n\n    if (this.markerStyle === `dot`) {\n      const size = this.#getCssVar(`--midpoint-thickness`, 0.08);\n      return svg`\n        <g class=\"midpoint-marker\" part=\"midpoint-marker\">\n          <circle \n            cx=\"${position.x}\" \n            cy=\"${position.y}\" \n            r=\"${size * this.radius}\" \n          />\n        </g>\n      `;\n    } else {\n      // Needle style\n      const length = this.#getCssVar(`--midpoint-length`, 0.15);\n      const offset = this.#getCssVar(`--midpoint-offset`, 0.85);\n\n      const angle = -Math.PI / 2; // Top of circle\n      const startRadius = offset * this.radius;\n      const endRadius = (offset + length) * this.radius;\n\n      const start = {\n        x: CENTER.x + Math.cos(angle) * startRadius,\n        y: CENTER.y + Math.sin(angle) * startRadius,\n      };\n      const end = {\n        x: CENTER.x + Math.cos(angle) * endRadius,\n        y: CENTER.y + Math.sin(angle) * endRadius,\n      };\n\n      return svg`\n        <g class=\"midpoint-marker\" part=\"midpoint-marker\">\n          <line \n            x1=\"${start.x}\" \n            y1=\"${start.y}\" \n            x2=\"${end.x}\" \n            y2=\"${end.y}\" \n          />\n        </g>\n      `;\n    }\n  }\n\n  #getCssVar(name: string, defaultValue: number): number {\n    const style = getComputedStyle(this);\n    const val = style.getPropertyValue(name).trim();\n    if (!val)\n      return defaultValue;\n\n    // Handle CSS calc() expressions with var(--value-relative)\n    if (val.includes(`calc(`)) {\n      // Get the current --value-relative value\n      const valueRelative = style.getPropertyValue(`--value-relative`).trim();\n      if (!valueRelative) {\n        // Fallback to default if --value-relative not set\n        const parsed = Number.parseFloat(val.replace(/[^0-9.-]/g, ``));\n        return Number.isNaN(parsed) ? defaultValue : parsed;\n      }\n\n      // Replace var(--value-relative) with the actual value\n      const evalStr = val.replace(/var\\(--value-relative\\)/g, valueRelative);\n\n      // Use Function constructor for safe evaluation (no eval)\n      try {\n        // Create a function that evaluates math expressions\n        // eslint-disable-next-line no-new-func\n        const fn = new Function(`return ${evalStr.replace(/calc\\s*\\(([^)]+)\\)/g, `$1`)}`);\n        const result = fn();\n        return typeof result === `number` && !Number.isNaN(result) ? result : defaultValue;\n      } catch {\n        // Fallback: try to parse just numbers\n        const parsed = Number.parseFloat(val.replace(/[^0-9.-]/g, ``));\n        return Number.isNaN(parsed) ? defaultValue : parsed;\n      }\n    }\n\n    const parsed = Number.parseFloat(val);\n    return Number.isNaN(parsed) ? defaultValue : parsed;\n  }\n\n  // Lifecycle methods\n\n  protected override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n\n    // Ensure value lane reflects current value before first render\n    // This handles declaratively set initial values\n    if (changed.has(`value`) || !this.hasUpdated) {\n      const valueLane = this.#lanes.get(`value`);\n      if (valueLane && valueLane.type === `value`) {\n        valueLane.value = this.#getRelativeValue();\n      }\n    }\n  }\n\n  override render(): unknown {\n    const lanes = Array.from(this.#lanes.values());\n\n    const relativeValue = this.#getRelativeValue();\n    const { angle, position } = getMarkerPosition(\n      relativeValue,\n      this.valueMode,\n      this.flatten,\n      this.radius,\n      CENTER,\n    );\n\n    const needleLength = this.#getCssVar(`--marker-length`, 0.8);\n    const needleOffset = this.#getCssVar(`--marker-offset`, 0.2);\n    const markerBorderWidth = this.#getCssVar(`--marker-border-width`, 0);\n    const needlePath = markerBorderWidth > 0 ? this.#getNeedlePath(angle, needleLength, needleOffset) : undefined;\n\n    const dotSize = this.#getCssVar(`--marker-thickness`, 0.15);\n    const dotR = dotSize * this.radius;\n\n    const defs = [];\n    if (needlePath) {\n      defs.push(svg`<path id=\"needle-path\" d=\"${needlePath}\" />`);\n    }\n    if (markerBorderWidth > 0) {\n      defs.push(svg`<circle id=\"dot-path\" cx=\"${position.x}\" cy=\"${position.y}\" r=\"${dotR}\" />`);\n    }\n\n    return html`\n      <svg\n        viewBox=\"0 0 100 100\"\n        preserveAspectRatio=\"xMidYMid meet\"\n        tabindex=\"${this.disabled ? -1 : 0}\"\n        @pointerdown=\"${this.#onPointerDown}\"\n        @keydown=\"${this.#onKeyDown}\"\n        style=\"cursor: ${this.#dragging ? `ns-resize` : `grab`}\"\n      >\n        ${defs.length > 0 ? svg`<defs>${defs}</defs>` : ``}\n        ${this.#renderCircleFill()}\n        ${this.wedge ? this.#renderWedge() : ``}\n        ${this.#renderCircleBorder()}\n        ${lanes.map(lane => this.#renderLane(lane))}\n        ${this.#renderMidpointMarker()}\n        ${this.#renderValueMarker(needlePath)}\n      </svg>\n    `;\n  }\n\n  protected override updated(changed: PropertyValues): void {\n    super.updated(changed);\n\n    // Update --radius CSS variable when property changes\n    if (changed.has(`radius`)) {\n      this.style.setProperty(`--radius`, `${this.radius}%`);\n    }\n\n    // Update --value-relative CSS variable\n    this.style.setProperty(`--value-relative`, this.#getRelativeValue().toString());\n\n    // Adjust component height based on flatten to reduce wasted vertical space.\n    // The dial is flattened at the top, so we don't need full height.\n    if (changed.has(`flatten`)) {\n      const markerThickness = this.#getCssVar(`--marker-thickness`, 0.15);\n      const radius = this.#getCssVar(`--radius`, 45);\n      const markerPadding = Math.round(markerThickness * radius) + 5;\n      const viewBoxHeight = Math.round(100 * (1 - this.flatten)) + markerPadding;\n      // Set CSS variable to control host height\n      this.style.setProperty(`--dial-height`, `${viewBoxHeight}px`);\n      // Also update SVG viewBox to match\n      const svg = this.renderRoot.querySelector(`svg`);\n      if (svg) {\n        svg.setAttribute(`viewBox`, `0 0 100 ${viewBoxHeight}`);\n      }\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.#changeDebounceTimer !== undefined) {\n      clearTimeout(this.#changeDebounceTimer);\n    }\n    this.#onPointerUp();\n  }\n\n  override firstUpdated(): void {\n    const markerThickness = this.#getCssVar(`--marker-thickness`, 0.15);\n    const radius = this.#getCssVar(`--radius`, 45);\n    const markerPadding = Math.round(markerThickness * radius);\n    const viewBoxHeight = Math.round(100 * (1 - this.flatten)) + markerPadding;\n    this.style.setProperty(`--dial-height`, `${viewBoxHeight}px`);\n    const svg = this.renderRoot.querySelector(`svg`);\n    if (svg) {\n      svg.setAttribute(`viewBox`, `0 0 100 ${viewBoxHeight}`);\n    }\n  }\n\n  static override styles = [themeFallbacks, prominenceStyles, css`\n    :host {\n      display: inline-block;\n      width: 100px;\n      height: var(--dial-height, 100px);\n      touch-action: none;\n      user-select: none;\n      tabindex: 0;\n\n      /* Dynamic value - set by JS */\n      --value-relative: 0;\n\n      /* Lane widths (used in stroke-width calculations) */\n      --lane-width: 0.16;\n      --lane-track-width: 0.08;\n      --lane-value-width: 0.12;\n    }\n\n    :host([disabled]) {\n      cursor: not-allowed;\n    }\n\n    svg {\n      width: 100%;\n      height: 100%;\n      outline: none;\n    }\n\n    svg:active {\n      cursor: grabbing;\n    }\n\n    svg:focus-visible {\n      outline: var(--radial-input-svg-focus-outline, 2px solid var(--accent));\n      outline-offset: var(--radial-input-svg-focus-outline-offset, 2px);\n    }\n\n    .dial-border {\n      fill: none;\n      stroke: var(--dial-border-color, var(--surface-4));\n      stroke-width: var(--dial-border-width, 2px);\n      stroke-linecap: round;\n      vector-effect: non-scaling-stroke;\n    }\n\n    .dial-fill {\n      fill: var(--dial-fill, transparent);\n    }\n\n    .wedge {\n      fill: var(--wedge-fill, var(--accent));\n      fill-opacity: var(--wedge-fill-opacity, 0.25);\n      stroke: var(--wedge-border-color, var(--accent));\n      stroke-width: var(--wedge-border-width, 0);\n      stroke-opacity: var(--wedge-border-opacity, 1);\n      vector-effect: non-scaling-stroke;\n    }\n\n    .lane {\n      fill: none;\n      stroke-linecap: round;\n      stroke-dasharray: var(--lane-dasharray, none);\n      stroke-dashoffset: var(--lane-dashoffset, 0);\n      vector-effect: non-scaling-stroke;\n    }\n\n    .lane[data-lane-key='track'] {\n      stroke: var(--lane-track-color, var(--surface-4));\n    }\n\n    .lane[data-lane-key='value'] {\n      stroke: var(--lane-value-color, var(--accent));\n    }\n\n    .lane:not([data-lane-key='track']):not([data-lane-key='value']) {\n      stroke: var(--lane-color, var(--accent));\n    }\n\n    .value-marker path,\n    .value-marker .marker-fill {\n      stroke: var(--marker-color, var(--accent));\n      stroke-width: calc(var(--marker-thickness, 0.15) * var(--radius, 45%));\n      stroke-linecap: round;\n      stroke-dasharray: var(--marker-dasharray, none);\n      stroke-dashoffset: var(--marker-dashoffset, 0);\n      vector-effect: non-scaling-stroke;\n    }\n\n    .value-marker .marker-border {\n      stroke: var(--marker-border-color, transparent);\n      stroke-width: calc((var(--marker-thickness, 0.15) + var(--marker-border-width, 0) * 2) * var(--radius, 45%));\n      stroke-linecap: round;\n      vector-effect: non-scaling-stroke;\n    }\n\n    .value-marker .marker-border {\n      fill: none;\n    }\n\n    .value-marker .marker-fill,\n    .value-marker circle {\n      fill: var(--marker-color, var(--accent));\n    }\n\n    .midpoint-marker line {\n      stroke: var(--midpoint-color, var(--surface-muted-text));\n      stroke-width: var(--midpoint-thickness, 1px);\n      stroke-linecap: round;\n      vector-effect: non-scaling-stroke;\n    }\n\n    .midpoint-marker circle {\n      fill: var(--midpoint-color, var(--surface-muted-text));\n      stroke: var(--midpoint-border-color, transparent);\n      stroke-width: var(--midpoint-border-width, 0);\n      vector-effect: non-scaling-stroke;\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-radial-input': RadialInputElement;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"radial-input-BfA3GO0H.js","names":["#_radius","#dragging","#dragStartY","#valueAtDragStart","#onPointerMove","#onPointerUp","#setValueFromRelative","#stepByRelativeDelta","#lanes","#getRelativeValue","#quantise","#isUserInteraction","#scheduleChangeEvent","#fireChangeEvent","#changeDebounceTimer","#getCssVar","#getEffectiveMarkerStyle","#getNeedlePath","#onPointerDown","#onKeyDown","#renderCircleFill","#renderWedge","#renderCircleBorder","#renderLane","#renderMidpointMarker","#renderValueMarker","customElement"],"sources":["../src/radial-input/svg-utils.ts","../src/radial-input/radial-input.ts"],"sourcesContent":["/**\n * SVG utilities for radial input component\n * Handles geometry calculations for flattened circle arcs\n */\n\nimport type { ValueMode } from './types.js';\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport interface ArcParameters {\n  startAngle: number; // radians\n  endAngle: number; // radians\n  radius: number;\n  center: Point;\n}\n\nconst PI2 = Math.PI * 2;\nconst MIDPOINT_ANGLE = -Math.PI / 2; // Top-center of circle\n\n/**\n * Convert polar coordinates (angle in radians, radius) to SVG Cartesian coordinates\n * @param angle - Angle in radians (0 = right/east, increases clockwise in SVG)\n * @param radius - Distance from center\n * @param center - Center point (default: {x: 50, y: 50})\n * @returns Point in SVG coordinates\n */\nexport function polarToCartesian(\n  angle: number,\n  radius: number,\n  center: Point = { x: 50, y: 50 },\n): Point {\n  return {\n    x: center.x + Math.cos(angle) * radius,\n    y: center.y + Math.sin(angle) * radius,\n  };\n}\n\n/**\n * Convert SVG Cartesian coordinates to polar (angle in radians, radius)\n * @param x - X coordinate\n * @param y - Y coordinate\n * @param center - Center point (default: {x: 50, y: 50})\n * @returns Angle in radians (0..2π) and radius\n */\nexport function cartesianToPolar(\n  x: number,\n  y: number,\n  center: Point = { x: 50, y: 50 },\n): { angle: number; radius: number } {\n  const dx = x - center.x;\n  const dy = y - center.y;\n  const radius = Math.sqrt(dx * dx + dy * dy);\n  const raw = Math.atan2(dy, dx);\n  const angle = ((raw % PI2) + PI2) % PI2; // Normalize to 0..2π\n  return { angle, radius };\n}\n\n/**\n * Calculate start and end angles for a flattened circle\n * @param flatten - How much of the circle to hide (0..1): 0 = full circle, 0.5 = half circle, 1 = no arc\n * @returns Start and end angles in radians\n */\nexport function getFlattenedCircleAngles(flatten: number): {\n  startAngle: number;\n  endAngle: number;\n  totalArc: number;\n} {\n  // flatten represents the percentage of circle hidden\n  // 0 = full circle (360°), 0.5 = half circle (180°), 1 = no arc (0°)\n  const visibleArc = PI2 * (1 - flatten); // Total visible arc in radians\n\n  // Center the visible arc at the top (angle = -π/2)\n  // Start and end angles are symmetric around top-center\n  const halfArc = visibleArc / 2;\n  const topAngle = -Math.PI / 2; // Top center (270° in standard coords, but -90° from east)\n\n  const startAngle = topAngle - halfArc;\n  const endAngle = topAngle + halfArc;\n  const totalArc = endAngle - startAngle;\n\n  return { startAngle, endAngle, totalArc };\n}\n\n/**\n * Map a value (0..1) to an angle based on value mode\n * @param relativeValue - Value in 0..1 range\n * @param valueMode - How to interpret the value\n * @param flatten - Circle flattening amount (0..1)\n * @returns Angle in radians\n */\nexport function valueToAngle(\n  relativeValue: number,\n  valueMode: ValueMode,\n  flatten: number,\n): number {\n  const { startAngle, endAngle, totalArc } = getFlattenedCircleAngles(flatten);\n\n  switch (valueMode) {\n    case `range`:\n      // Linear mapping from start to end\n      return startAngle + relativeValue * totalArc;\n\n    case `bipolar`: {\n      // Midpoint is at top (MIDPOINT_ANGLE = -π/2)\n      if (relativeValue <= 0.5) {\n        // Map 0..0.5 to startAngle..MIDPOINT_ANGLE (going counterclockwise to top)\n        const t = relativeValue / 0.5;\n        return startAngle + t * (MIDPOINT_ANGLE - startAngle);\n      } else {\n        // Map 0.5..1 to MIDPOINT_ANGLE..endAngle (going clockwise from top)\n        const t = (relativeValue - 0.5) / 0.5;\n        return MIDPOINT_ANGLE + t * (endAngle - MIDPOINT_ANGLE);\n      }\n    }\n\n    case `unipolar`: {\n      // Marker stays at top for unipolar mode\n      return MIDPOINT_ANGLE;\n    }\n\n    default:\n      return startAngle;\n  }\n}\n\n/**\n * Get start and end angles for a value arc\n * @param relativeValue - Value in 0..1 range\n * @param valueMode - How to interpret the value\n * @param flatten - Circle flattening amount (0..1)\n * @returns Start and end angles for the arc\n */\nexport function getValueArcAngles(\n  relativeValue: number,\n  valueMode: ValueMode,\n  flatten: number,\n): { startAngle: number; endAngle: number } {\n  const { startAngle, endAngle, totalArc } = getFlattenedCircleAngles(flatten);\n\n  switch (valueMode) {\n    case `range`:\n      // Arc from start to value position\n      return {\n        startAngle,\n        endAngle: startAngle + relativeValue * totalArc,\n      };\n\n    case `bipolar`: {\n      // Midpoint is at top (MIDPOINT_ANGLE = -π/2)\n      if (relativeValue < 0.5) {\n        // Arc from some point toward top (going counterclockwise)\n        const t = relativeValue / 0.5;\n        const valueAngle = startAngle + t * (MIDPOINT_ANGLE - startAngle);\n        return {\n          startAngle: valueAngle,\n          endAngle: MIDPOINT_ANGLE,\n        };\n      } else if (relativeValue > 0.5) {\n        // Arc from top going clockwise\n        const t = (relativeValue - 0.5) / 0.5;\n        const valueAngle = MIDPOINT_ANGLE + t * (endAngle - MIDPOINT_ANGLE);\n        return {\n          startAngle: MIDPOINT_ANGLE,\n          endAngle: valueAngle,\n        };\n      } else {\n        // Exactly at midpoint, no arc\n        return { startAngle: MIDPOINT_ANGLE, endAngle: MIDPOINT_ANGLE };\n      }\n    }\n\n    case `unipolar`: {\n      // Spread symmetrically from top (MIDPOINT_ANGLE = -π/2)\n      const spreadAmount = relativeValue * totalArc / 2;\n      return {\n        startAngle: MIDPOINT_ANGLE - spreadAmount,\n        endAngle: MIDPOINT_ANGLE + spreadAmount,\n      };\n    }\n\n    default:\n      return { startAngle, endAngle: startAngle };\n  }\n}\n\n/**\n * Get start and end angles for an anchored arc\n * Centered on current value position, extends equally in both directions\n * @param relativeValue - Current value position (0..1)\n * @param laneValue - Width of the arc (0..1, where 1 = full range)\n * @param valueMode - How to interpret the value\n * @param flatten - Circle flattening amount (0..1)\n * @returns Start and end angles for the arc\n */\nexport function getAnchoredArcAngles(\n  relativeValue: number,\n  laneValue: number,\n  valueMode: ValueMode,\n  flatten: number,\n): { startAngle: number; endAngle: number } {\n  const { startAngle, endAngle, totalArc } = getFlattenedCircleAngles(flatten);\n\n  // Get the angle for the current value (this is the center of the arc)\n  const centerAngle = valueToAngle(relativeValue, valueMode, flatten);\n\n  // Calculate half-width of the arc\n  // laneValue is 0..1, where 1 = full range\n  const halfWidth = (laneValue * totalArc) / 2;\n\n  let arcStart = centerAngle - halfWidth;\n  let arcEnd = centerAngle + halfWidth;\n\n  // Clamp to valid bounds (prevent wrapping)\n  // The valid range is [startAngle, endAngle]\n  if (arcStart < startAngle)\n    arcStart = startAngle;\n  if (arcEnd > endAngle)\n    arcEnd = endAngle;\n\n  // If the arc would be degenerate after clamping, return a single point\n  if (arcStart >= arcEnd) {\n    return { startAngle: centerAngle, endAngle: centerAngle };\n  }\n\n  return { startAngle: arcStart, endAngle: arcEnd };\n}\n\n/**\n * Generate SVG path for an arc\n * @param startAngle - Start angle in radians\n * @param endAngle - End angle in radians\n * @param radius - Arc radius\n * @param center - Center point\n * @returns SVG path data string\n */\nexport function generateArcPath(\n  startAngle: number,\n  endAngle: number,\n  radius: number,\n  center: Point = { x: 50, y: 50 },\n): string {\n  if (startAngle === endAngle) {\n    return ``; // No arc to draw\n  }\n\n  // Calculate arc length to determine large-arc-flag\n  let arcLength = endAngle - startAngle;\n\n  // Handle wrap-around case (e.g., from 5.5 to 0.5 radians)\n  if (arcLength < 0) {\n    arcLength += PI2;\n  }\n\n  // Handle full or near-full circle case\n  // When arcLength is nearly 2π, start and end points are essentially the same\n  // and drawing a full circle needs special handling\n  if (arcLength >= PI2 - 0.001) {\n    // Draw a full circle by going almost all the way around\n    const adjustedEnd = startAngle + PI2 - 0.001;\n    const start = polarToCartesian(startAngle, radius, center);\n    const end = polarToCartesian(adjustedEnd, radius, center);\n    return `M ${start.x},${start.y} A ${radius},${radius} 0 1 1 ${end.x},${end.y}`;\n  }\n\n  const start = polarToCartesian(startAngle, radius, center);\n  const end = polarToCartesian(endAngle, radius, center);\n\n  const largeArcFlag = arcLength > Math.PI ? 1 : 0;\n\n  return `M ${start.x},${start.y} A ${radius},${radius} 0 ${largeArcFlag} 1 ${end.x},${end.y}`;\n}\n\n/**\n * Generate SVG path for a full flattened circle border\n * @param radius - Circle radius\n * @param flatten - Flattening amount (0..1)\n * @param center - Center point\n * @returns SVG path data string\n */\nexport function generateCircleBorderPath(\n  radius: number,\n  flatten: number,\n  center: Point = { x: 50, y: 50 },\n): string {\n  const { startAngle, endAngle } = getFlattenedCircleAngles(flatten);\n  return generateArcPath(startAngle, endAngle, radius, center);\n}\n\n/**\n * Generate SVG path data for a filled wedge (pie-slice) sector\n * @param startAngle - Start angle in radians\n * @param endAngle - End angle in radians\n * @param radius - Wedge radius (same as dial radius)\n * @param center - Center point\n * @param clockwise - Whether to draw arc clockwise (true) or counterclockwise (false)\n * @returns SVG path data string for filled wedge\n */\nexport function generateWedgePath(\n  startAngle: number,\n  endAngle: number,\n  radius: number,\n  center: Point = { x: 50, y: 50 },\n  clockwise: boolean = true,\n): string {\n  if (startAngle === endAngle) {\n    return ``; // No wedge to draw\n  }\n\n  // Calculate arc length (always positive, representing shortest path)\n  let arcLength = endAngle - startAngle;\n  if (arcLength < 0) {\n    arcLength += PI2;\n  }\n\n  // Handle full or near-full circle case\n  if (arcLength >= PI2 - 0.001) {\n    // Draw a near-full circle wedge\n    const start = polarToCartesian(startAngle, radius, center);\n    const adjustedEnd = startAngle + PI2 - 0.001;\n    const adjEnd = polarToCartesian(adjustedEnd, radius, center);\n    const largeArcFlag = 1;\n    const sweepFlag = clockwise ? 1 : 0;\n    return `M ${center.x},${center.y} L ${start.x},${start.y} A ${radius},${radius} 0 ${largeArcFlag} ${sweepFlag} ${adjEnd.x},${adjEnd.y} Z`;\n  }\n\n  let actualStartAngle = startAngle;\n  let actualEndAngle = endAngle;\n  let actualClockwise = clockwise;\n\n  // When going counterclockwise and arcLength > π, we want the short clockwise path instead\n  // by swapping start and end\n  if (!clockwise && arcLength > Math.PI) {\n    actualStartAngle = endAngle;\n    actualEndAngle = startAngle;\n    actualClockwise = true;\n    arcLength = PI2 - arcLength;\n  }\n\n  const start = polarToCartesian(actualStartAngle, radius, center);\n  const end = polarToCartesian(actualEndAngle, radius, center);\n\n  const largeArcFlag = arcLength > Math.PI ? 1 : 0;\n  const sweepFlag = actualClockwise ? 1 : 0;\n\n  // M center L start A radius radius 0 large sweep end Z\n  return `M ${center.x},${center.y} L ${start.x},${start.y} A ${radius},${radius} 0 ${largeArcFlag} ${sweepFlag} ${end.x},${end.y} Z`;\n}\n\n/**\n * Get wedge angles based on value mode\n * @param relativeValue - Value in 0..1 range\n * @param valueMode - How to interpret the value\n * @param flatten - Circle flattening amount (0..1)\n * @returns Object with startAngle, endAngle, and clockwise flag\n */\nexport function getWedgeAngles(\n  relativeValue: number,\n  valueMode: ValueMode,\n  flatten: number,\n): { startAngle: number; endAngle: number; clockwise: boolean } {\n  const { startAngle, totalArc } = getFlattenedCircleAngles(flatten);\n  const valueAngle = valueToAngle(relativeValue, valueMode, flatten);\n\n  switch (valueMode) {\n    case `range`:\n      // Wedge from startAngle to valueAngle (always clockwise)\n      return {\n        startAngle,\n        endAngle: valueAngle,\n        clockwise: true,\n      };\n\n    case `bipolar`: {\n      // When value < 0.5, go counterclockwise from midpoint to value\n      // When value >= 0.5, go clockwise from midpoint to value\n      if (relativeValue < 0.5) {\n        return {\n          startAngle: MIDPOINT_ANGLE,\n          endAngle: valueAngle,\n          clockwise: false,\n        };\n      } else {\n        return {\n          startAngle: MIDPOINT_ANGLE,\n          endAngle: valueAngle,\n          clockwise: true,\n        };\n      }\n    }\n\n    case `unipolar`: {\n      // Wedge centered at MIDPOINT, spreading value * totalArc/2 in each direction\n      const halfSpread = relativeValue * totalArc / 2;\n      return {\n        startAngle: MIDPOINT_ANGLE - halfSpread,\n        endAngle: MIDPOINT_ANGLE + halfSpread,\n        clockwise: true,\n      };\n    }\n\n    default:\n      return { startAngle, endAngle: startAngle, clockwise: true };\n  }\n}\n\n/**\n * Get position for a marker (needle or dot) at a given value\n * @param relativeValue - Value in 0..1 range\n * @param valueMode - How to interpret the value\n * @param flatten - Circle flattening amount (0..1)\n * @param radius - Circle radius\n * @param center - Center point\n * @returns Angle in radians and position point\n */\nexport function getMarkerPosition(\n  relativeValue: number,\n  valueMode: ValueMode,\n  flatten: number,\n  radius: number,\n  center: Point = { x: 50, y: 50 },\n): { angle: number; position: Point } {\n  const angle = valueToAngle(relativeValue, valueMode, flatten);\n  const position = polarToCartesian(angle, radius, center);\n  return { angle, position };\n}\n\n/**\n * Get position for midpoint marker (used in bipolar/unipolar modes)\n * @param radius - Circle radius\n * @param center - Center point\n * @returns Position at top-center of circle\n */\nexport function getMidpointPosition(\n  radius: number,\n  center: Point = { x: 50, y: 50 },\n): { angle: number; position: Point } {\n  const position = polarToCartesian(MIDPOINT_ANGLE, radius, center);\n  return { angle: MIDPOINT_ANGLE, position };\n}\n\n/**\n * Clamp a value between min and max\n */\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\n/**\n * Scale a value from one range to another\n */\nexport function scale(\n  value: number,\n  fromMin: number,\n  fromMax: number,\n  toMin: number,\n  toMax: number,\n): number {\n  const normalized = (value - fromMin) / (fromMax - fromMin);\n  return toMin + normalized * (toMax - toMin);\n}\n","/**\n * Radial input component\n * A rotary dial input inspired by Ableton Live and music production software.\n *\n * Mouse wheel: up = increase, down = decrease, with the same step resolution as\n * arrow keys (Shift halves the step). The dial must have focus by default, or\n * set the `lighttouch` boolean attribute to react on hover instead. See\n * `docs/infra-mousewheel.md`.\n */\n\nimport type { PropertyValues } from 'lit';\nimport type { WheelDirection } from '../mixins/wheel-nudge.js';\nimport type {\n  LaneData,\n  LaneType,\n  MarkerStyle,\n  RadialInputChangeDetail,\n  RadialInputInputDetail,\n  ValueMode,\n} from './types.js';\nimport { css, html, LitElement, svg } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { KEY_STEP_DIVISOR, resolveAxisStep } from '../keyboard.js';\nimport { WheelNudgeMixin } from '../mixins/wheel-nudge.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { prominenceStyles } from '../styles/prominence.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport {\n  clamp,\n  generateArcPath,\n  generateCircleBorderPath,\n  generateWedgePath,\n  getAnchoredArcAngles,\n  getMarkerPosition,\n  getMidpointPosition,\n  getValueArcAngles,\n  getWedgeAngles,\n  scale,\n} from './svg-utils.js';\n\nconst CENTER = { x: 50, y: 50 }; // Center point in viewBox\n\n@customElement(`ixfx-radial-input`)\nexport class RadialInputElement extends WheelNudgeMixin(LitElement) {\n  // Internal backing field for radius (used with custom setter for clamping)\n  #_radius = 45;\n\n  // Radius property (controls dial size, 10-50 range to prevent clipping)\n  @property({ type: Number })\n  get radius(): number {\n    return this.#_radius;\n  }\n\n  set radius(v: number) {\n    this.#_radius = clamp(v, 10, 50);\n  }\n\n  // Value properties (matches ixfx-range API)\n  @property({ type: Number })\n  value = 0;\n\n  @property({ type: Number })\n  min = 0;\n\n  @property({ type: Number })\n  max = 100;\n\n  @property({ type: Number })\n  step: number | undefined = undefined;\n\n  @property({ type: Number })\n  stops?: number;\n\n  // Value mode\n  @property({ type: String, attribute: `value-mode` })\n  valueMode: ValueMode = `range`;\n\n  // Appearance\n  @property({ type: Number })\n  flatten = 0.3;\n\n  @property({ type: String, attribute: `marker-style` })\n  markerStyle: MarkerStyle = `needle`;\n\n  @property({ type: Boolean })\n  wedge = false;\n\n  // Interaction\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  // Internal state\n  #lanes: Map<string, LaneData> = new Map();\n  #dragging = false;\n  #dragStartY = 0;\n  #valueAtDragStart = 0;\n  #changeDebounceTimer: number | undefined;\n  #isUserInteraction = false;\n\n  constructor() {\n    super();\n    // Initialize default lanes\n    // Note: value lane will be updated in willUpdate() to reflect initial value\n    this.#lanes.set(`track`, {\n      key: `track`,\n      value: 1, // Full range\n      type: `fixed`,\n      offset: 0,\n      width: 0.16,\n    });\n    this.#lanes.set(`value`, {\n      key: `value`,\n      value: 0, // Will be updated in willUpdate()\n      type: `value`,\n      offset: 0,\n      width: 0.24,\n    });\n  }\n\n  // Lane management API\n  addLane(\n    key: string,\n    options?: {\n      value?: number;\n      type?: LaneType;\n      offset?: number;\n      width?: number;\n    },\n  ): void {\n    const relativeValue = this.#getRelativeValue();\n    this.#lanes.set(key, {\n      key,\n      value: options?.value ?? relativeValue,\n      type: options?.type ?? `value`,\n      offset: options?.offset ?? 0,\n      width: options?.width ?? 0.1,\n    });\n    this.requestUpdate();\n  }\n\n  setLaneValue(key: string, value: number): void {\n    const lane = this.#lanes.get(key);\n    if (lane) {\n      lane.value = clamp(value, 0, 1);\n      this.requestUpdate();\n    }\n  }\n\n  removeLane(key: string): void {\n    this.#lanes.delete(key);\n    this.requestUpdate();\n  }\n\n  getLanes(): ReadonlyMap<string, LaneData> {\n    return new Map(this.#lanes);\n  }\n\n  getLane(key: string): LaneData | undefined {\n    return this.#lanes.get(key);\n  }\n\n  // Internal helpers\n  #getRelativeValue(): number {\n    return scale(this.value, this.min, this.max, 0, 1);\n  }\n\n  #getEffectiveMarkerStyle(): MarkerStyle {\n    if (this.valueMode === `unipolar` && this.markerStyle === `needle`) {\n      return `none`;\n    }\n    return this.markerStyle;\n  }\n\n  #quantise(value: number): number {\n    if (this.stops && this.stops > 1) {\n      const range = this.max - this.min;\n      const step = range / this.stops;\n      return Math.round((value - this.min) / step) * step + this.min;\n    }\n    return value;\n  }\n\n  #setValueFromRelative(relativeValue: number, isUserInteraction = false): void {\n    const newValue = scale(relativeValue, 0, 1, this.min, this.max);\n    const clampedValue = this.#quantise(clamp(newValue, this.min, this.max));\n\n    if (clampedValue === this.value)\n      return;\n\n    const previousValue = this.value;\n    this.value = clampedValue;\n    this.#isUserInteraction = isUserInteraction;\n\n    // Update 'value' lane if it exists\n    const valueLane = this.#lanes.get(`value`);\n    if (valueLane && valueLane.type === `value`) {\n      valueLane.value = this.#getRelativeValue();\n    }\n\n    // Update data-tooltip for live tooltips\n    if (this.hasAttribute(`data-tooltip-live`)) {\n      const percentage = Math.round(this.#getRelativeValue() * 100);\n      this.setAttribute(`data-tooltip`, `${percentage}%`);\n    }\n\n    // Fire input event only for user interactions\n    if (isUserInteraction) {\n      this.dispatchEvent(\n        new CustomEvent<RadialInputInputDetail>(`input`, {\n          detail: {\n            value: this.value,\n            valueRelative: this.#getRelativeValue(),\n          },\n          bubbles: true,\n          composed: true,\n        }),\n      );\n\n      // Debounce change event\n      this.#scheduleChangeEvent(previousValue);\n    } else {\n      // Immediate change event for programmatic changes\n      this.#fireChangeEvent(previousValue);\n    }\n  }\n\n  #scheduleChangeEvent(previousValue: number): void {\n    if (this.#changeDebounceTimer !== undefined) {\n      clearTimeout(this.#changeDebounceTimer);\n    }\n\n    this.#changeDebounceTimer = window.setTimeout(() => {\n      this.#fireChangeEvent(previousValue);\n      this.#changeDebounceTimer = undefined;\n    }, 150);\n  }\n\n  #fireChangeEvent(previousValue: number): void {\n    this.dispatchEvent(\n      new CustomEvent<RadialInputChangeDetail>(`change`, {\n        detail: {\n          value: this.value,\n          valueRelative: this.#getRelativeValue(),\n          previousValue,\n        },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  // Pointer interaction handlers\n  #onPointerDown = (event: PointerEvent): void => {\n    if (this.disabled)\n      return;\n\n    event.preventDefault();\n    const svg = this.renderRoot.querySelector(`svg`);\n    svg?.focus();\n    this.#dragging = true;\n    this.#dragStartY = event.clientY;\n    this.#valueAtDragStart = this.value;\n    this.toggleAttribute(`dragging`, true);\n\n    if (svg) {\n      svg.setPointerCapture(event.pointerId);\n    }\n\n    window.addEventListener(`pointermove`, this.#onPointerMove);\n    window.addEventListener(`pointerup`, this.#onPointerUp);\n    window.addEventListener(`pointercancel`, this.#onPointerUp);\n  };\n\n  #onPointerMove = (event: PointerEvent): void => {\n    if (!this.#dragging)\n      return;\n\n    event.preventDefault();\n\n    // Calculate sensitivity: full range = 2× component height\n    const sensitivity = this.clientHeight * 2;\n    const shiftDivisor = event.shiftKey ? KEY_STEP_DIVISOR : 1;\n    const effectiveSensitivity = sensitivity * shiftDivisor;\n\n    // Calculate delta (negative because up = increase)\n    const deltaY = this.#dragStartY - event.clientY;\n    const deltaValue = (deltaY / effectiveSensitivity) * (this.max - this.min);\n    const newValue = this.#valueAtDragStart + deltaValue;\n\n    const relativeValue = scale(newValue, this.min, this.max, 0, 1);\n    this.#setValueFromRelative(clamp(relativeValue, 0, 1), true);\n  };\n\n  #onPointerUp = (): void => {\n    this.#dragging = false;\n    this.toggleAttribute(`dragging`, false);\n\n    const svg = this.renderRoot.querySelector(`svg`);\n    if (svg && `hasPointerCapture` in svg && typeof svg.hasPointerCapture === `function`) {\n      if (svg.hasPointerCapture(1)) {\n        svg.releasePointerCapture(1);\n      }\n    }\n\n    window.removeEventListener(`pointermove`, this.#onPointerMove);\n    window.removeEventListener(`pointerup`, this.#onPointerUp);\n    window.removeEventListener(`pointercancel`, this.#onPointerUp);\n  };\n\n  // Keyboard interaction handler\n  #onKeyDown = (event: KeyboardEvent): void => {\n    if (this.disabled)\n      return;\n\n    const range = this.max - this.min;\n    const effectiveStep = resolveAxisStep(range, this.stops, this.step, event.shiftKey);\n\n    let handled = false;\n\n    switch (event.key) {\n      case `ArrowUp`:\n      case `ArrowRight`:\n        this.#stepByRelativeDelta(effectiveStep / range, true);\n        handled = true;\n        break;\n\n      case `ArrowDown`:\n      case `ArrowLeft`:\n        this.#stepByRelativeDelta(-effectiveStep / range, true);\n        handled = true;\n        break;\n\n      case `Home`:\n        this.#setValueFromRelative(0, true);\n        handled = true;\n        break;\n\n      case `End`:\n        this.#setValueFromRelative(1, true);\n        handled = true;\n        break;\n    }\n\n    if (handled) {\n      event.preventDefault();\n    }\n  };\n\n  /**\n   * Apply a relative-delta nudge to the current value, clamped to [min, max] and\n   * quantised. Shared between keyboard arrow keys and the wheel handler.\n   */\n  #stepByRelativeDelta(relativeDelta: number, isUserInteraction: boolean): void {\n    this.#setValueFromRelative(\n      clamp(this.#getRelativeValue() + relativeDelta, 0, 1),\n      isUserInteraction,\n    );\n  }\n\n  // Wheel handler — installed by WheelNudgeMixin on the host. Inverted from the\n  // shared convention (`docs/infra-mousewheel.md`): wheel forward/up decreases\n  // the value, wheel backward/down increases it. Matches the perceived\n  // rotation of a physical rotary dial — turning the dial clockwise is the\n  // most natural \"forward\" gesture and should reduce the value.\n  override _applyWheelDelta(direction: WheelDirection, event: WheelEvent): void {\n    const range = this.max - this.min;\n    const effectiveStep = resolveAxisStep(range, this.stops, this.step, event.shiftKey);\n    this.#stepByRelativeDelta(-direction * effectiveStep / range, true);\n  }\n\n  // Rendering helpers\n  #renderCircleBorder() {\n    const path = generateCircleBorderPath(this.radius, this.flatten, CENTER);\n    const borderWidth = this.#getCssVar(`--dial-border-width`, 2);\n    const borderColor = getComputedStyle(this).getPropertyValue(`--dial-border-color`).trim() || `var(--surface-4)`;\n    return svg`<path class=\"dial-border\" d=\"${path}\" fill=\"none\" stroke=\"${borderColor}\" stroke-width=\"${borderWidth}\" stroke-linecap=\"round\" vector-effect=\"non-scaling-stroke\" />`;\n  }\n\n  #renderCircleFill() {\n    const path = generateCircleBorderPath(this.radius, this.flatten, CENTER);\n    const fill = getComputedStyle(this).getPropertyValue(`--dial-fill`).trim() || `transparent`;\n    return svg`<path class=\"dial-fill\" d=\"${path}\" fill=\"${fill}\" />`;\n  }\n\n  #renderWedge() {\n    const relativeValue = this.#getRelativeValue();\n    const { startAngle, endAngle, clockwise } = getWedgeAngles(\n      relativeValue,\n      this.valueMode,\n      this.flatten,\n    );\n\n    const path = generateWedgePath(startAngle, endAngle, this.radius, CENTER, clockwise);\n    if (!path)\n      return svg``;\n\n    return svg`<path class=\"wedge\" d=\"${path}\" />`;\n  }\n\n  #renderLane(lane: LaneData) {\n    let arcPath = ``;\n\n    if (lane.type === `fixed`) {\n      // Fixed lanes always show full range\n      arcPath = generateCircleBorderPath(\n        this.radius - lane.offset * this.radius,\n        this.flatten,\n        CENTER,\n      );\n    } else if (lane.type === `anchored`) {\n      // Anchored lanes: centered on current value, arc width based on lane.value\n      const { startAngle, endAngle } = getAnchoredArcAngles(\n        this.#getRelativeValue(),\n        lane.value,\n        this.valueMode,\n        this.flatten,\n      );\n      arcPath = generateArcPath(\n        startAngle,\n        endAngle,\n        this.radius - lane.offset * this.radius,\n        CENTER,\n      );\n    } else {\n      // Value lanes follow the value mode\n      const { startAngle, endAngle } = getValueArcAngles(\n        lane.value,\n        this.valueMode,\n        this.flatten,\n      );\n      arcPath = generateArcPath(\n        startAngle,\n        endAngle,\n        this.radius - lane.offset * this.radius,\n        CENTER,\n      );\n    }\n\n    if (!arcPath)\n      return svg``;\n\n    return svg`\n      <path \n        class=\"lane\" \n        data-lane-key=\"${lane.key}\" \n        part=\"lane lane-${lane.key}\"\n        d=\"${arcPath}\"\n        style=\"\n          stroke-width: calc(var(--lane-${lane.key}-width, var(--lane-width)) * ${this.radius}%);\n          stroke-linecap: round;\n        \"\n      />\n    `;\n  }\n\n  #getNeedlePath(angle: number, length: number, offset: number): string {\n    const startRadius = offset * this.radius;\n    const endRadius = length * this.radius;\n\n    const start = {\n      x: CENTER.x + Math.cos(angle) * startRadius,\n      y: CENTER.y + Math.sin(angle) * startRadius,\n    };\n    const end = {\n      x: CENTER.x + Math.cos(angle) * endRadius,\n      y: CENTER.y + Math.sin(angle) * endRadius,\n    };\n\n    return `M ${start.x} ${start.y} L ${end.x} ${end.y}`;\n  }\n\n  #renderValueMarker(needlePath?: string) {\n    const relativeValue = this.#getRelativeValue();\n    const { angle, position } = getMarkerPosition(\n      relativeValue,\n      this.valueMode,\n      this.flatten,\n      this.radius,\n      CENTER,\n    );\n\n    const markerOffset = this.#getCssVar(`--marker-offset`, 1);\n    const markerBorderWidth = this.#getCssVar(`--marker-border-width`, 0);\n    const effectiveStyle = this.#getEffectiveMarkerStyle();\n\n    if (effectiveStyle === `dot`) {\n      const size = this.#getCssVar(`--marker-thickness`, 0.15);\n      const r = size * this.radius;\n      const dotX = CENTER.x + (position.x - CENTER.x) * markerOffset;\n      const dotY = CENTER.y + (position.y - CENTER.y) * markerOffset;\n\n      if (markerBorderWidth > 0) {\n        return svg`\n          <g class=\"value-marker\" part=\"value-marker\">\n            <use href=\"#dot-path\" class=\"marker-border\" />\n            <use href=\"#dot-path\" class=\"marker-fill\" />\n          </g>\n        `;\n      }\n\n      return svg`\n        <g class=\"value-marker\" part=\"value-marker\">\n          <circle cx=\"${dotX}\" cy=\"${dotY}\" r=\"${r}\" />\n        </g>\n      `;\n    } else if (effectiveStyle === `needle`) {\n      if (markerBorderWidth > 0 && needlePath) {\n        return svg`\n          <g class=\"value-marker\" part=\"value-marker\">\n            <use href=\"#needle-path\" class=\"marker-border\" />\n            <use href=\"#needle-path\" class=\"marker-fill\" />\n          </g>\n        `;\n      }\n\n      const length = this.#getCssVar(`--marker-length`, 0.8);\n      const offset = this.#getCssVar(`--marker-offset`, 0.2);\n      const path = this.#getNeedlePath(angle, length, offset);\n\n      return svg`\n        <g class=\"value-marker\" part=\"value-marker\">\n          <path d=\"${path}\" />\n        </g>\n      `;\n    }\n  }\n\n  #renderMidpointMarker() {\n    // Only show in bipolar/unipolar modes\n    if (this.valueMode !== `bipolar` && this.valueMode !== `unipolar`) {\n      return svg``;\n    }\n\n    const { position } = getMidpointPosition(this.radius, CENTER);\n\n    if (this.markerStyle === `dot`) {\n      const size = this.#getCssVar(`--midpoint-thickness`, 0.08);\n      return svg`\n        <g class=\"midpoint-marker\" part=\"midpoint-marker\">\n          <circle \n            cx=\"${position.x}\" \n            cy=\"${position.y}\" \n            r=\"${size * this.radius}\" \n          />\n        </g>\n      `;\n    } else {\n      // Needle style\n      const length = this.#getCssVar(`--midpoint-length`, 0.15);\n      const offset = this.#getCssVar(`--midpoint-offset`, 0.85);\n\n      const angle = -Math.PI / 2; // Top of circle\n      const startRadius = offset * this.radius;\n      const endRadius = (offset + length) * this.radius;\n\n      const start = {\n        x: CENTER.x + Math.cos(angle) * startRadius,\n        y: CENTER.y + Math.sin(angle) * startRadius,\n      };\n      const end = {\n        x: CENTER.x + Math.cos(angle) * endRadius,\n        y: CENTER.y + Math.sin(angle) * endRadius,\n      };\n\n      return svg`\n        <g class=\"midpoint-marker\" part=\"midpoint-marker\">\n          <line \n            x1=\"${start.x}\" \n            y1=\"${start.y}\" \n            x2=\"${end.x}\" \n            y2=\"${end.y}\" \n          />\n        </g>\n      `;\n    }\n  }\n\n  #getCssVar(name: string, defaultValue: number): number {\n    const style = getComputedStyle(this);\n    const val = style.getPropertyValue(name).trim();\n    if (!val)\n      return defaultValue;\n\n    // Handle CSS calc() expressions with var(--value-relative)\n    if (val.includes(`calc(`)) {\n      // Get the current --value-relative value\n      const valueRelative = style.getPropertyValue(`--value-relative`).trim();\n      if (!valueRelative) {\n        // Fallback to default if --value-relative not set\n        const parsed = Number.parseFloat(val.replace(/[^0-9.-]/g, ``));\n        return Number.isNaN(parsed) ? defaultValue : parsed;\n      }\n\n      // Replace var(--value-relative) with the actual value\n      const evalStr = val.replace(/var\\(--value-relative\\)/g, valueRelative);\n\n      // Use Function constructor for safe evaluation (no eval)\n      try {\n        // Create a function that evaluates math expressions\n        // eslint-disable-next-line no-new-func\n        const fn = new Function(`return ${evalStr.replace(/calc\\s*\\(([^)]+)\\)/g, `$1`)}`);\n        const result = fn();\n        return typeof result === `number` && !Number.isNaN(result) ? result : defaultValue;\n      } catch {\n        // Fallback: try to parse just numbers\n        const parsed = Number.parseFloat(val.replace(/[^0-9.-]/g, ``));\n        return Number.isNaN(parsed) ? defaultValue : parsed;\n      }\n    }\n\n    const parsed = Number.parseFloat(val);\n    return Number.isNaN(parsed) ? defaultValue : parsed;\n  }\n\n  // Lifecycle methods\n\n  protected override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n\n    // Ensure value lane reflects current value before first render\n    // This handles declaratively set initial values\n    if (changed.has(`value`) || !this.hasUpdated) {\n      const valueLane = this.#lanes.get(`value`);\n      if (valueLane && valueLane.type === `value`) {\n        valueLane.value = this.#getRelativeValue();\n      }\n    }\n  }\n\n  override render(): unknown {\n    const lanes = Array.from(this.#lanes.values());\n\n    const relativeValue = this.#getRelativeValue();\n    const { angle, position } = getMarkerPosition(\n      relativeValue,\n      this.valueMode,\n      this.flatten,\n      this.radius,\n      CENTER,\n    );\n\n    const needleLength = this.#getCssVar(`--marker-length`, 0.8);\n    const needleOffset = this.#getCssVar(`--marker-offset`, 0.2);\n    const markerBorderWidth = this.#getCssVar(`--marker-border-width`, 0);\n    const needlePath = markerBorderWidth > 0 ? this.#getNeedlePath(angle, needleLength, needleOffset) : undefined;\n\n    const dotSize = this.#getCssVar(`--marker-thickness`, 0.15);\n    const dotR = dotSize * this.radius;\n\n    const defs = [];\n    if (needlePath) {\n      defs.push(svg`<path id=\"needle-path\" d=\"${needlePath}\" />`);\n    }\n    if (markerBorderWidth > 0) {\n      defs.push(svg`<circle id=\"dot-path\" cx=\"${position.x}\" cy=\"${position.y}\" r=\"${dotR}\" />`);\n    }\n\n    return html`\n      <svg\n        viewBox=\"0 0 100 100\"\n        preserveAspectRatio=\"xMidYMid meet\"\n        tabindex=\"${this.disabled ? -1 : 0}\"\n        @pointerdown=\"${this.#onPointerDown}\"\n        @keydown=\"${this.#onKeyDown}\"\n        style=\"cursor: ${this.#dragging ? `ns-resize` : `grab`}\"\n      >\n        ${defs.length > 0 ? svg`<defs>${defs}</defs>` : ``}\n        ${this.#renderCircleFill()}\n        ${this.wedge ? this.#renderWedge() : ``}\n        ${this.#renderCircleBorder()}\n        ${lanes.map(lane => this.#renderLane(lane))}\n        ${this.#renderMidpointMarker()}\n        ${this.#renderValueMarker(needlePath)}\n      </svg>\n    `;\n  }\n\n  protected override updated(changed: PropertyValues): void {\n    super.updated(changed);\n\n    // Update --radius CSS variable when property changes\n    if (changed.has(`radius`)) {\n      this.style.setProperty(`--radius`, `${this.radius}%`);\n    }\n\n    // Update --value-relative CSS variable\n    this.style.setProperty(`--value-relative`, this.#getRelativeValue().toString());\n\n    // Adjust component height based on flatten to reduce wasted vertical space.\n    // The dial is flattened at the top, so we don't need full height.\n    if (changed.has(`flatten`)) {\n      const markerThickness = this.#getCssVar(`--marker-thickness`, 0.15);\n      const radius = this.#getCssVar(`--radius`, 45);\n      const markerPadding = Math.round(markerThickness * radius) + 5;\n      const viewBoxHeight = Math.round(100 * (1 - this.flatten)) + markerPadding;\n      // Set CSS variable to control host height\n      this.style.setProperty(`--dial-height`, `${viewBoxHeight}px`);\n      // Also update SVG viewBox to match\n      const svg = this.renderRoot.querySelector(`svg`);\n      if (svg) {\n        svg.setAttribute(`viewBox`, `0 0 100 ${viewBoxHeight}`);\n      }\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.#changeDebounceTimer !== undefined) {\n      clearTimeout(this.#changeDebounceTimer);\n    }\n    this.#onPointerUp();\n  }\n\n  override firstUpdated(): void {\n    const markerThickness = this.#getCssVar(`--marker-thickness`, 0.15);\n    const radius = this.#getCssVar(`--radius`, 45);\n    const markerPadding = Math.round(markerThickness * radius);\n    const viewBoxHeight = Math.round(100 * (1 - this.flatten)) + markerPadding;\n    this.style.setProperty(`--dial-height`, `${viewBoxHeight}px`);\n    const svg = this.renderRoot.querySelector(`svg`);\n    if (svg) {\n      svg.setAttribute(`viewBox`, `0 0 100 ${viewBoxHeight}`);\n    }\n  }\n\n  static override styles = [themeFallbacks, prominenceStyles, css`\n    :host {\n      display: inline-block;\n      width: 100px;\n      height: var(--dial-height, 100px);\n      touch-action: none;\n      user-select: none;\n      tabindex: 0;\n\n      /* Dynamic value - set by JS */\n      --value-relative: 0;\n\n      /* Lane widths (used in stroke-width calculations) */\n      --lane-width: 0.16;\n      --lane-track-width: 0.08;\n      --lane-value-width: 0.12;\n    }\n\n    :host([disabled]) {\n      cursor: not-allowed;\n    }\n\n    svg {\n      width: 100%;\n      height: 100%;\n      outline: none;\n    }\n\n    svg:active {\n      cursor: grabbing;\n    }\n\n    svg:focus-visible {\n      outline: var(--radial-input-svg-focus-outline, 2px solid var(--accent));\n      outline-offset: var(--radial-input-svg-focus-outline-offset, 2px);\n    }\n\n    .dial-border {\n      fill: none;\n      stroke: var(--dial-border-color, var(--surface-4));\n      stroke-width: var(--dial-border-width, 2px);\n      stroke-linecap: round;\n      vector-effect: non-scaling-stroke;\n    }\n\n    .dial-fill {\n      fill: var(--dial-fill, transparent);\n    }\n\n    .wedge {\n      fill: var(--wedge-fill, var(--accent));\n      fill-opacity: var(--wedge-fill-opacity, 0.25);\n      stroke: var(--wedge-border-color, var(--accent));\n      stroke-width: var(--wedge-border-width, 0);\n      stroke-opacity: var(--wedge-border-opacity, 1);\n      vector-effect: non-scaling-stroke;\n    }\n\n    .lane {\n      fill: none;\n      stroke-linecap: round;\n      stroke-dasharray: var(--lane-dasharray, none);\n      stroke-dashoffset: var(--lane-dashoffset, 0);\n      vector-effect: non-scaling-stroke;\n    }\n\n    .lane[data-lane-key='track'] {\n      stroke: var(--lane-track-color, var(--surface-4));\n    }\n\n    .lane[data-lane-key='value'] {\n      stroke: var(--lane-value-color, var(--accent));\n    }\n\n    .lane:not([data-lane-key='track']):not([data-lane-key='value']) {\n      stroke: var(--lane-color, var(--accent));\n    }\n\n    .value-marker path,\n    .value-marker .marker-fill {\n      stroke: var(--marker-color, var(--accent));\n      stroke-width: calc(var(--marker-thickness, 0.15) * var(--radius, 45%));\n      stroke-linecap: round;\n      stroke-dasharray: var(--marker-dasharray, none);\n      stroke-dashoffset: var(--marker-dashoffset, 0);\n      vector-effect: non-scaling-stroke;\n    }\n\n    .value-marker .marker-border {\n      stroke: var(--marker-border-color, transparent);\n      stroke-width: calc((var(--marker-thickness, 0.15) + var(--marker-border-width, 0) * 2) * var(--radius, 45%));\n      stroke-linecap: round;\n      vector-effect: non-scaling-stroke;\n    }\n\n    .value-marker .marker-border {\n      fill: none;\n    }\n\n    .value-marker .marker-fill,\n    .value-marker circle {\n      fill: var(--marker-color, var(--accent));\n    }\n\n    .midpoint-marker line {\n      stroke: var(--midpoint-color, var(--surface-muted-text));\n      stroke-width: var(--midpoint-thickness, 1px);\n      stroke-linecap: round;\n      vector-effect: non-scaling-stroke;\n    }\n\n    .midpoint-marker circle {\n      fill: var(--midpoint-color, var(--surface-muted-text));\n      stroke: var(--midpoint-border-color, transparent);\n      stroke-width: var(--midpoint-border-width, 0);\n      vector-effect: non-scaling-stroke;\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-radial-input': RadialInputElement;\n  }\n}\n"],"mappings":"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"}

package/dist/{radial-input-DXMN55Nz.d.ts → radial-input-DU6t2hYO.d.ts}

@@ -1,4 +1,4 @@
-import { n as WheelNudgeConsumerType, t as WheelDirection } from "./wheel-nudge-DGrNzWuE.js";
+import { n as WheelNudgeConsumer, t as WheelDirection } from "./wheel-nudge-By5s_ioH.js";
 import { LitElement, PropertyValues } from "lit";
 //#region src/radial-input/types.d.ts
 /**
@@ -27,7 +27,7 @@ type RadialInputInputEvent = CustomEvent<RadialInputInputDetail>;
 type RadialInputChangeEvent = CustomEvent<RadialInputChangeDetail>;
 //#endregion
 //#region src/radial-input/radial-input.d.ts
-declare const RadialInputElement_base: (new (...args: any[]) => WheelNudgeConsumerType<LitElement>) & typeof LitElement;
+declare const RadialInputElement_base: typeof LitElement & (new (...args: any[]) => WheelNudgeConsumer);
 declare class RadialInputElement extends RadialInputElement_base {
   #private;
   get radius(): number;
@@ -68,4 +68,4 @@ declare global {
 }
 //#endregion
 export { RadialInputChangeDetail as a, RadialInputInputEvent as c, MarkerStyle as i, ValueMode as l, LaneData as n, RadialInputChangeEvent as o, LaneType as r, RadialInputInputDetail as s, RadialInputElement as t };
-//# sourceMappingURL=radial-input-DXMN55Nz.d.ts.map
+//# sourceMappingURL=radial-input-DU6t2hYO.d.ts.map