@ixfx/components 0.11.3 → 0.11.4

package/dist/range-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"range-input.js","names":["customElement"],"sources":["../src/range-input/range-input.ts"],"sourcesContent":["/**\n * <ixfx-range-input> — styled range input with no label.\n *\n * A thin wrapper around <input type=\"range\"> that adds the same\n * fancy track/thumb/fill styling as the linear-value components,\n * without the label display.\n *\n * Supports horizontal (default) and vertical orientation in a single element.\n * Set orientation=\"vertical\" attribute to switch.\n *\n * CSS Variables:\n *   --track-thickness            Track cross-axis size (default 1.5em)\n *   --thumb-color                Thumb fill (default var(--surface-2-text))\n *   --thumb-color-active         Thumb fill on hover/active (default var(--accent))\n *   --thumb-size                 Thumb cross-axis size (default var(--track-thickness))\n *   --thumb-thickness            Thumb inline size (default 2em)\n *   --thumb-radius               Thumb border-radius (default 0)\n *   --thumb-border               Thumb border (default none)\n *   --thumb-shadow               Thumb box-shadow (default none)\n *   --background-track           Unfilled track background (default var(--surface-4))\n *   --background-track-hover     Unfilled track on hover (default --background-track)\n *   --background-track-value     Filled track color (default var(--surface-6))\n *   --background-track-value-hover   Filled track on hover (default var(--accent))\n *   --background-track-value-active  Filled track on active (default var(--accent))\n *\n * Optional vertical-specific overrides (fall back to horizontal vars when unset):\n *   --background-track-vertical\n *   --background-track-value-vertical\n *   --background-track-value-hover-vertical\n *   --background-track-value-active-vertical\n *\n * Tooltip:\n *   tooltip               Boolean attribute — enables value tooltip on hover/focus\n *   tooltip-orientation   'top' (default) | 'right'\n *   labelFormatter        Function property (not attribute): (rawValue: number, scaledValue: number) => string\n *                         rawValue  = native input value within min..max\n *                         scaledValue = normalised 0..1 position\n *\n * Swipeable mode:\n *   swipeable   Boolean attribute — enables swipe-to-draw gesture.\n *               When active, pressing down on the slider or entering it while the\n *               pointer is pressed sets the value from the cursor coordinate.\n *               Pointer capture is NOT held, so the cursor can move to adjacent\n *               swipeable sliders and update them too (step-sequencer style).\n *               Kill-axis exit (above/below for horizontal, left/right for vertical)\n *               freezes the value; re-entering re-engages.\n *\n * Wheel:\n *   lighttouch  Boolean attribute — wheel adjusts the value on hover instead\n *               of requiring focus. The native `<input type=\"range\">` inside\n *               already responds to wheel when focused; the host listener\n *               fires under `lighttouch` (or when focus is on the host) and\n *               synthesises a value change via `input`/`change` events.\n *               See `docs/infra-mousewheel.md`.\n *\n * Events:\n *   input  — CustomEvent<{ value: number }>\n *   change — CustomEvent<{ value: number }>\n *             In swipeable mode fires on pointerleave (or pointerup if released\n *             while still inside). In normal mode delegates to native change.\n */\nimport type { CSSResultGroup } from 'lit';\nimport type { WheelDirection } from '../mixins/wheel-nudge.js';\nimport type { TooltipElement, TooltipOrientations } from '../util/tooltip.js';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { WheelNudgeMixin } from '../mixins/wheel-nudge.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { tooltipValueStyles } from '../styles/tooltip.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\n\nfunction normalize(value: number, min: number, max: number): number {\n  return max === min ? 0 : (value - min) / (max - min);\n}\n\n@customElement(`ixfx-range-input`)\nexport class RangeInput extends WheelNudgeMixin(LitElement) {\n  @property({ type: Number }) min = 0;\n  @property({ type: Number }) max = 1;\n  @property({ type: Number }) value = 0;\n  @property({ type: Number }) step = 0.01;\n  @property({ type: String, reflect: true }) orientation: `horizontal` | `vertical` = `horizontal`;\n  @property({ type: Boolean, reflect: true }) swipeable = false;\n  @property({ type: Boolean }) tooltip = false;\n  @property({ type: String, attribute: `tooltip-orientation` }) tooltipOrientation: TooltipOrientations = `top`;\n  @property({ attribute: false }) labelFormatter?: (rawValue: number, scaledValue: number) => string;\n\n  @query(`input`)\n  _inputEl!: HTMLInputElement;\n\n  @query(`ixfx-tooltip`)\n  _tooltipEl?: TooltipElement | null;\n\n  /** True if this slider changed its value during the current pointer visit. */\n  private _swipeModified = false;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener(`pointerdown`, this._onPointerDown);\n    this.addEventListener(`pointermove`, this._onPointerMove);\n    this.addEventListener(`pointerenter`, this._onPointerEnter);\n    this.addEventListener(`pointerleave`, this._onPointerLeave);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener(`pointerdown`, this._onPointerDown);\n    this.removeEventListener(`pointermove`, this._onPointerMove);\n    this.removeEventListener(`pointerenter`, this._onPointerEnter);\n    this.removeEventListener(`pointerleave`, this._onPointerLeave);\n    window.removeEventListener(`pointerup`, this._onWindowPointerUp);\n  }\n\n  private _valueFromPointer(e: PointerEvent): number {\n    const rect = this.getBoundingClientRect();\n    // vertical: top = max, bottom = min (writing-mode: vertical-rl; direction: rtl)\n    const normalized = this.orientation === `vertical`\n      ? Math.max(0, Math.min(1, 1 - (e.clientY - rect.top) / rect.height))\n      : Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));\n    const raw = this.min + normalized * (this.max - this.min);\n    const snapped = Math.round((raw - this.min) / this.step) * this.step + this.min;\n    return Math.max(this.min, Math.min(this.max, snapped));\n  }\n\n  private _applySwipeValue(value: number): void {\n    this.value = value;\n    if (this._inputEl)\n      this._inputEl.value = String(value);\n    this.style.setProperty(`--value`, String(normalize(value, this.min, this.max)));\n    this.dispatchEvent(new CustomEvent(`input`, { detail: { value }, bubbles: true, composed: true }));\n    this._swipeModified = true;\n  }\n\n  private _onPointerDown = (e: PointerEvent): void => {\n    if (!this.swipeable)\n      return;\n    e.preventDefault();\n    this._swipeModified = false;\n    this._applySwipeValue(this._valueFromPointer(e));\n    window.addEventListener(`pointerup`, this._onWindowPointerUp, { once: true });\n  };\n\n  private _onPointerMove = (e: PointerEvent): void => {\n    if (!this.swipeable || e.buttons === 0)\n      return;\n    this._applySwipeValue(this._valueFromPointer(e));\n  };\n\n  private _onPointerEnter = (e: PointerEvent): void => {\n    if (!this.swipeable || e.buttons === 0)\n      return;\n    this._swipeModified = false;\n    this._applySwipeValue(this._valueFromPointer(e));\n    window.addEventListener(`pointerup`, this._onWindowPointerUp, { once: true });\n  };\n\n  private _onPointerLeave = (_e: PointerEvent): void => {\n    if (!this.swipeable || !this._swipeModified)\n      return;\n    this._swipeModified = false;\n    this.dispatchEvent(new CustomEvent(`change`, { detail: { value: this.value }, bubbles: true, composed: true }));\n  };\n\n  private _onWindowPointerUp = (): void => {\n    if (!this._swipeModified)\n      return;\n    this._swipeModified = false;\n    this.dispatchEvent(new CustomEvent(`change`, { detail: { value: this.value }, bubbles: true, composed: true }));\n  };\n\n  override updated(changedProperties: Map<string, unknown>): void {\n    super.updated(changedProperties);\n    if (changedProperties.has(`value`) || changedProperties.has(`min`) || changedProperties.has(`max`)) {\n      this.style.setProperty(`--value`, String(normalize(this.value, this.min, this.max)));\n    }\n    if (this._tooltipEl) {\n      this._tooltipEl.valueFormatTooltip = (v: unknown) => {\n        const num = typeof v === `number` ? v : Number(v);\n        if (this.labelFormatter)\n          return this.labelFormatter(num, normalize(num, this.min, this.max));\n        const decimals = this.step >= 1 ? 0 : this.step >= 0.1 ? 1 : 2;\n        return num.toFixed(decimals);\n      };\n    }\n  }\n\n  _handleInput = (e: Event): void => {\n    e.preventDefault();\n    e.stopImmediatePropagation();\n    const target = e.target as HTMLInputElement;\n    const value = Number.parseFloat(target.value);\n    this.value = value;\n    this.style.setProperty(`--value`, String(normalize(value, this.min, this.max)));\n    this.dispatchEvent(new CustomEvent(`input`, { detail: { value }, bubbles: true, composed: true }));\n  };\n\n  _formatTooltipLabel(): string {\n    const normalized = normalize(this.value, this.min, this.max);\n    if (this.labelFormatter)\n      return this.labelFormatter(this.value, normalized);\n    const decimals = this.step >= 1 ? 0 : this.step >= 0.1 ? 1 : 2;\n    return this.value.toFixed(decimals);\n  }\n\n  _handleChange = (): void => {\n    const value = Number.parseFloat(this._inputEl.value);\n    this.dispatchEvent(new CustomEvent(`change`, { detail: { value }, bubbles: true, composed: true }));\n  };\n\n  /**\n   * Wheel handler — installed by WheelNudgeMixin on the host. Synthesises a\n   * value change by writing to the inner `<input type=\"range\">` and dispatching\n   * `input` + `change`, so the existing `_handleInput` and `_handleChange`\n   * handlers run unchanged and re-bubble the events to listeners.\n   *\n   * Native wheel handling is left intact for the focused-inner-input case;\n   * the host listener fires under `lighttouch` or when focus is on the host.\n   */\n  override _applyWheelDelta(direction: WheelDirection, _event: WheelEvent): void {\n    const input = this._inputEl;\n    if (!input)\n      return;\n    const step = this.step > 0 ? this.step : Math.max((this.max - this.min) / 100, 0.01);\n    const candidate = this.value + direction * step;\n    const clamped = Math.min(this.max, Math.max(this.min, candidate));\n    if (clamped === this.value)\n      return;\n\n    input.value = String(clamped);\n    input.dispatchEvent(new Event(`input`, { bubbles: true }));\n    input.dispatchEvent(new Event(`change`, { bubbles: true }));\n  }\n\n  override render() {\n    const tooltipEl = this.tooltip\n      ? html`\n      <ixfx-tooltip\n        style=\"--tooltip-background: var(--surface-5); --tooltip-color: var(--surface-5-text)\"\n        .orientation=${this.tooltipOrientation}\n        anchor=\"--ixfx-ri-thumb\"\n        .value=${this.value}\n      ></ixfx-tooltip>\n    `\n      : nothing;\n\n    return html`\n      <div class=\"wrap\">\n        <div class=\"range-bg\"></div>\n        <input\n          type=\"range\"\n          .min=${String(this.min)}\n          .max=${String(this.max)}\n          .step=${String(this.step)}\n          .value=${String(this.value)}\n          @input=${this._handleInput}\n          @change=${this._handleChange}\n        >${tooltipEl}\n      </div>\n    `;\n  }\n\n  static styles: CSSResultGroup = [themeFallbacks, tooltipValueStyles, css`\n    :host {\n      display: block;\n      container-type: size;\n      user-select: none;\n      touch-action: none;\n      -webkit-touch-action: none;\n      width: var(--width, 200px);\n      height: var(--height, 2em);\n\n      /*\n       * Internal resolved vars — read public vars and apply defaults here.\n       * Public vars are NOT defined in :host {}, only read via fallback.\n       * This lets inherited values from ancestor elements flow through.\n       */\n      --_track-thickness: var(--track-thickness, 100%);\n      --_thumb-thickness: var(--thumb-thickness, 2em);\n      --_thumb-color: var(--thumb-color, var(--surface-2-text));\n      --_thumb-color-active: var(--thumb-color-active, var(--surface-2-text));\n      --_thumb-opacity: var(--thumb-opacity, 0.7);\n      --_thumb-opacity-hover: var(--thumb-opacity-hover, 0.8);\n      --_thumb-opacity-active: var(--thumb-opacity-active, 1); \n      --_thumb-size: var(--thumb-size, var(--_track-thickness));\n      --_thumb-radius: var(--thumb-radius, 0);\n      --_thumb-border: var(--thumb-border, none);\n      --_thumb-shadow: var(--thumb-shadow, none);\n      --_track-radius: var(--track-radius, none);\n      --_track-corner-shape: var(--track-corner-shape, none);\n      --_bg-track: var(--background-track, var(--surface-4));\n      --_bg-track-hover: var(--background-track-hover, var(--_bg-track));\n      --_bg-track-value: var(--background-track-value, var(--surface-6));\n      --_bg-track-value-hover: var(--background-track-value-hover, var(--accent));\n      --_bg-track-value-active: var(--background-track-value-active, var(--accent));\n\n      --value: 0;\n      --sx1: calc(var(--_thumb-thickness) + var(--value) * (100% - var(--_thumb-thickness)));\n      --track-avail: calc(100% - var(--_thumb-thickness));\n      --sx: calc(var(--_thumb-thickness) + (var(--value) * var(--track-avail)));\n      --track-mask: linear-gradient(to right, rgba(0,0,0,1) var(--sx), rgba(0,0,0,0) var(--sx) 100%);\n      --track-mask-vertical: linear-gradient(to top, rgba(0,0,0,1) var(--sx), rgba(0,0,0,0) var(--sx) 100%);\n    }\n\n    :host([orientation=\"vertical\"]) {\n      width: var(--width, 2em);\n      height: var(--height, 200px);\n    }\n\n    .wrap {\n      display: grid;\n      width: 100%;\n      height: 100%;\n    }\n\n    .wrap > * {\n      grid-area: 1 / 1;\n    }\n\n    .range-bg {\n      background: var(--_bg-track);\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      padding: 0;\n      border-radius: var(--_track-radius);\n      corner-shape: var(--_track-corner-shape);\n    }\n\n    .wrap:hover .range-bg {\n      background: var(--_bg-track-hover);\n    }\n\n    input[type=range] {\n      margin: 0;\n      padding: 0;\n      -webkit-appearance: none;\n      background: unset;\n      box-shadow: none;\n      width: 100%;\n      height: var(--_track-thickness);\n      align-self: center;\n    }\n\n    input[type=range]:focus {\n      outline: none;\n    }\n\n    /* Vertical layout */\n    :host([orientation=\"vertical\"]) .range-bg {\n      background: var(--background-track-vertical, var(--_bg-track));\n      width: var(--_track-thickness);\n      height: 100%;\n      justify-self: center;\n    }\n\n    :host([orientation=\"vertical\"]) .wrap:hover .range-bg {\n      background: var(--background-track-hover-vertical, var(--_bg-track-hover));\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range] {\n      writing-mode: vertical-rl;\n      direction: rtl;\n      width: var(--_track-thickness);\n      height: 100%;\n      justify-self: center;\n    }\n\n    /* ── Webkit thumb ── */\n    input[type=range]::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      opacity: var(--_thumb-opacity);\n      box-sizing: border-box;\n      anchor-name: --ixfx-ri-thumb;\n      width: var(--_thumb-thickness);\n      height: var(--_thumb-size);\n      border-radius: var(--_thumb-radius);\n      background: var(--_thumb-color);\n      border: var(--_thumb-border);\n      box-shadow: var(--_thumb-shadow);\n      margin-top: calc(max((var(--_thumb-thickness) - 1px - 1px) * 0.5, 0px) - var(--_thumb-thickness) * 0.5);\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range]::-webkit-slider-thumb {\n      width: var(--_thumb-size);\n      height: var(--_thumb-thickness);\n      margin-top: 0;\n      margin-left: calc(max((1em - 1px - 1px) * 0.5, 0px) - 1.2em * 0.5);\n    }\n\n    input[type=range]::-webkit-slider-thumb:hover {\n      opacity: var(--_thumb-opacity-hover);\n    }\n\n    input[type=range]::-webkit-slider-thumb:active {\n      opacity: var(--_thumb-opacity-active);\n    }\n    input[type=range]::-webkit-slider-thumb:hover,\n    input[type=range]::-webkit-slider-thumb:active {\n      background: var(--_thumb-color-active);\n    }\n\n    /* ── Webkit track ── */\n    input[type=range]::-webkit-slider-runnable-track {\n      height: var(--_track-thickness);\n      background: var(--_bg-track-value);\n      mask-image: var(--track-mask);\n      box-shadow: none;\n      margin: 0;\n      padding: 0;\n      border-radius: var(--_track-radius);\n      corner-shape: var(--_track-corner-shape);\n    }\n\n    input[type=range]:hover::-webkit-slider-runnable-track {\n      background: var(--_bg-track-value-hover);\n      mask-image: var(--track-mask);\n    }\n\n    input[type=range]:active::-webkit-slider-runnable-track {\n      background: var(--_bg-track-value-active);\n      mask-image: var(--track-mask);\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range]::-webkit-slider-runnable-track {\n      background: var(--background-track-value-vertical, var(--_bg-track-value));\n      mask-image: var(--track-mask-vertical);\n      width: var(--_track-thickness);\n      height: unset;\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range]:hover::-webkit-slider-runnable-track {\n      background: var(--background-track-value-hover-vertical, var(--_bg-track-value-hover));\n      mask-image: var(--track-mask-vertical);\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range]:active::-webkit-slider-runnable-track {\n      background: var(--background-track-value-active-vertical, var(--_bg-track-value-active));\n      mask-image: var(--track-mask-vertical);\n    }\n\n    /* ── Mozilla thumb ── */\n    input[type=range]::-moz-range-thumb {\n      box-sizing: border-box;\n      width: var(--_thumb-thickness);\n      height: var(--_thumb-size);\n      border-radius: var(--_thumb-radius);\n      background: var(--_thumb-color);\n      border: var(--_thumb-border);\n      box-shadow: var(--_thumb-shadow);\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range]::-moz-range-thumb {\n      width: var(--_thumb-size);\n      height: var(--_thumb-thickness);\n    }\n\n    input[type=range]::-moz-range-thumb:hover,\n    input[type=range]::-moz-range-thumb:active {\n      background: var(--_thumb-color-active);\n    }\n\n    /* ── Mozilla track ── */\n    input[type=range]::-moz-range-track {\n      height: var(--_track-thickness);\n      background: var(--_bg-track-value);\n      mask-image: var(--track-mask);\n      box-shadow: none;\n      margin: 0;\n      padding: 0;\n    }\n\n    input[type=range]:hover::-moz-range-track {\n      background: var(--_bg-track-value-hover);\n      mask-image: var(--track-mask);\n    }\n\n    input[type=range]:active::-moz-range-track {\n      background: var(--_bg-track-value-active);\n      mask-image: var(--track-mask);\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range]::-moz-range-track {\n      background: var(--background-track-value-vertical, var(--_bg-track-value));\n      mask-image: var(--track-mask-vertical);\n      height: unset;\n      width: var(--_track-thickness);\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range]:hover::-moz-range-track {\n      background: var(--background-track-value-hover-vertical, var(--_bg-track-value-hover));\n      mask-image: var(--track-mask-vertical);\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range]:active::-moz-range-track {\n      background: var(--background-track-value-active-vertical, var(--_bg-track-value-active));\n      mask-image: var(--track-mask-vertical);\n    }\n\n    /* ── Swipeable mode ── */\n    /* Disable native pointer capture so the cursor can move freely between sliders */\n    :host([swipeable]) input {\n      pointer-events: none;\n    }\n\n    /* In swipeable mode, disable pointer events on wrap so host receives hover */\n    :host([swipeable]) .wrap {\n      pointer-events: none;\n    }\n\n    /* In swipeable mode, use host hover to trigger track/thumb hover styles */\n    :host([swipeable]):hover input[type=range]::-webkit-slider-runnable-track {\n      background: var(--_bg-track-value-hover);\n    }\n\n    :host([swipeable]):hover input[type=range]::-webkit-slider-thumb {\n      background: var(--_thumb-color-active);\n    }\n\n    :host([swipeable][orientation=\"vertical\"]):hover input[type=range]::-webkit-slider-runnable-track {\n      background: var(--background-track-value-hover-vertical, var(--_bg-track-value-hover));\n    }\n\n    :host([swipeable]):hover input[type=range]::-moz-range-track {\n      background: var(--_bg-track-value-hover);\n    }\n\n    :host([swipeable]):hover input[type=range]::-moz-range-thumb {\n      background: var(--_thumb-color-active);\n    }\n\n    :host([swipeable][orientation=\"vertical\"]):hover input[type=range]::-moz-range-track {\n      background: var(--background-track-value-hover-vertical, var(--_bg-track-value-hover));\n    }\n\n    :host([swipeable]):hover .range-bg {\n      background: var(--_bg-track-hover);\n    }\n\n    :host([swipeable][orientation=\"vertical\"]):hover .range-bg {\n      background: var(--background-track-hover-vertical, var(--_bg-track-hover));\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-range-input': RangeInput;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"range-input.js","names":["customElement"],"sources":["../src/range-input/range-input.ts"],"sourcesContent":["/**\n * <ixfx-range-input> — styled range input with no label.\n *\n * A thin wrapper around <input type=\"range\"> that adds the same\n * fancy track/thumb/fill styling as the linear-value components,\n * without the label display.\n *\n * Supports horizontal (default) and vertical orientation in a single element.\n * Set orientation=\"vertical\" attribute to switch.\n *\n * CSS Variables:\n *   --track-thickness            Track cross-axis size (default 1.5em)\n *   --thumb-color                Thumb fill (default var(--surface-2-text))\n *   --thumb-color-active         Thumb fill on hover/active (default var(--accent))\n *   --thumb-size                 Thumb cross-axis size (default var(--track-thickness))\n *   --thumb-thickness            Thumb inline size (default 2em)\n *   --thumb-radius               Thumb border-radius (default 0)\n *   --thumb-border               Thumb border (default none)\n *   --thumb-shadow               Thumb box-shadow (default none)\n *   --background-track           Unfilled track background (default var(--surface-4))\n *   --background-track-hover     Unfilled track on hover (default --background-track)\n *   --background-track-value     Filled track color (default var(--surface-6))\n *   --background-track-value-hover   Filled track on hover (default var(--accent))\n *   --background-track-value-active  Filled track on active (default var(--accent))\n *\n * Optional vertical-specific overrides (fall back to horizontal vars when unset):\n *   --background-track-vertical\n *   --background-track-value-vertical\n *   --background-track-value-hover-vertical\n *   --background-track-value-active-vertical\n *\n * Tooltip:\n *   tooltip               Boolean attribute — enables value tooltip on hover/focus\n *   tooltip-orientation   'top' (default) | 'right'\n *   labelFormatter        Function property (not attribute): (rawValue: number, scaledValue: number) => string\n *                         rawValue  = native input value within min..max\n *                         scaledValue = normalised 0..1 position\n *\n * Swipeable mode:\n *   swipeable   Boolean attribute — enables swipe-to-draw gesture.\n *               When active, pressing down on the slider or entering it while the\n *               pointer is pressed sets the value from the cursor coordinate.\n *               Pointer capture is NOT held, so the cursor can move to adjacent\n *               swipeable sliders and update them too (step-sequencer style).\n *               Kill-axis exit (above/below for horizontal, left/right for vertical)\n *               freezes the value; re-entering re-engages.\n *\n * Wheel:\n *   lighttouch  Boolean attribute — wheel adjusts the value on hover instead\n *               of requiring focus. The native `<input type=\"range\">` inside\n *               already responds to wheel when focused; the host listener\n *               fires under `lighttouch` (or when focus is on the host) and\n *               synthesises a value change via `input`/`change` events.\n *               See `docs/infra-mousewheel.md`.\n *\n * Events:\n *   input  — CustomEvent<{ value: number }>\n *   change — CustomEvent<{ value: number }>\n *             In swipeable mode fires on pointerleave (or pointerup if released\n *             while still inside). In normal mode delegates to native change.\n */\nimport type { CSSResultGroup } from 'lit';\nimport type { WheelDirection } from '../mixins/wheel-nudge.js';\nimport type { TooltipElement, TooltipOrientations } from '../util/tooltip.js';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { WheelNudgeMixin } from '../mixins/wheel-nudge.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { tooltipValueStyles } from '../styles/tooltip.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\n\nfunction normalize(value: number, min: number, max: number): number {\n  return max === min ? 0 : (value - min) / (max - min);\n}\n\n@customElement(`ixfx-range-input`)\nexport class RangeInput extends WheelNudgeMixin(LitElement) {\n  @property({ type: Number }) min = 0;\n  @property({ type: Number }) max = 1;\n  @property({ type: Number }) value = 0;\n  @property({ type: Number }) step = 0.01;\n  @property({ type: String, reflect: true }) orientation: `horizontal` | `vertical` = `horizontal`;\n  @property({ type: Boolean, reflect: true }) swipeable = false;\n  @property({ type: Boolean }) tooltip = false;\n  @property({ type: String, attribute: `tooltip-orientation` }) tooltipOrientation: TooltipOrientations = `top`;\n  @property({ attribute: false }) labelFormatter?: (rawValue: number, scaledValue: number) => string;\n\n  @query(`input`)\n  _inputEl!: HTMLInputElement;\n\n  @query(`ixfx-tooltip`)\n  _tooltipEl?: TooltipElement | null;\n\n  /** True if this slider changed its value during the current pointer visit. */\n  private _swipeModified = false;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener(`pointerdown`, this._onPointerDown);\n    this.addEventListener(`pointermove`, this._onPointerMove);\n    this.addEventListener(`pointerenter`, this._onPointerEnter);\n    this.addEventListener(`pointerleave`, this._onPointerLeave);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener(`pointerdown`, this._onPointerDown);\n    this.removeEventListener(`pointermove`, this._onPointerMove);\n    this.removeEventListener(`pointerenter`, this._onPointerEnter);\n    this.removeEventListener(`pointerleave`, this._onPointerLeave);\n    window.removeEventListener(`pointerup`, this._onWindowPointerUp);\n  }\n\n  private _valueFromPointer(e: PointerEvent): number {\n    const rect = this.getBoundingClientRect();\n    // vertical: top = max, bottom = min (writing-mode: vertical-rl; direction: rtl)\n    const normalized = this.orientation === `vertical`\n      ? Math.max(0, Math.min(1, 1 - (e.clientY - rect.top) / rect.height))\n      : Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));\n    const raw = this.min + normalized * (this.max - this.min);\n    const snapped = Math.round((raw - this.min) / this.step) * this.step + this.min;\n    return Math.max(this.min, Math.min(this.max, snapped));\n  }\n\n  private _applySwipeValue(value: number): void {\n    this.value = value;\n    if (this._inputEl)\n      this._inputEl.value = String(value);\n    this.style.setProperty(`--value`, String(normalize(value, this.min, this.max)));\n    this.dispatchEvent(new CustomEvent(`input`, { detail: { value }, bubbles: true, composed: true }));\n    this._swipeModified = true;\n  }\n\n  private _onPointerDown = (e: PointerEvent): void => {\n    if (!this.swipeable)\n      return;\n    e.preventDefault();\n    this._swipeModified = false;\n    this._applySwipeValue(this._valueFromPointer(e));\n    window.addEventListener(`pointerup`, this._onWindowPointerUp, { once: true });\n  };\n\n  private _onPointerMove = (e: PointerEvent): void => {\n    if (!this.swipeable || e.buttons === 0)\n      return;\n    this._applySwipeValue(this._valueFromPointer(e));\n  };\n\n  private _onPointerEnter = (e: PointerEvent): void => {\n    if (!this.swipeable || e.buttons === 0)\n      return;\n    this._swipeModified = false;\n    this._applySwipeValue(this._valueFromPointer(e));\n    window.addEventListener(`pointerup`, this._onWindowPointerUp, { once: true });\n  };\n\n  private _onPointerLeave = (_e: PointerEvent): void => {\n    if (!this.swipeable || !this._swipeModified)\n      return;\n    this._swipeModified = false;\n    this.dispatchEvent(new CustomEvent(`change`, { detail: { value: this.value }, bubbles: true, composed: true }));\n  };\n\n  private _onWindowPointerUp = (): void => {\n    if (!this._swipeModified)\n      return;\n    this._swipeModified = false;\n    this.dispatchEvent(new CustomEvent(`change`, { detail: { value: this.value }, bubbles: true, composed: true }));\n  };\n\n  override updated(changedProperties: Map<string, unknown>): void {\n    super.updated(changedProperties);\n    if (changedProperties.has(`value`) || changedProperties.has(`min`) || changedProperties.has(`max`)) {\n      this.style.setProperty(`--value`, String(normalize(this.value, this.min, this.max)));\n    }\n    if (this._tooltipEl) {\n      this._tooltipEl.valueFormatTooltip = (v: unknown) => {\n        const num = typeof v === `number` ? v : Number(v);\n        if (this.labelFormatter)\n          return this.labelFormatter(num, normalize(num, this.min, this.max));\n        const decimals = this.step >= 1 ? 0 : this.step >= 0.1 ? 1 : 2;\n        return num.toFixed(decimals);\n      };\n    }\n  }\n\n  _handleInput = (e: Event): void => {\n    e.preventDefault();\n    e.stopImmediatePropagation();\n    const target = e.target as HTMLInputElement;\n    const value = Number.parseFloat(target.value);\n    this.value = value;\n    this.style.setProperty(`--value`, String(normalize(value, this.min, this.max)));\n    this.dispatchEvent(new CustomEvent(`input`, { detail: { value }, bubbles: true, composed: true }));\n  };\n\n  _formatTooltipLabel(): string {\n    const normalized = normalize(this.value, this.min, this.max);\n    if (this.labelFormatter)\n      return this.labelFormatter(this.value, normalized);\n    const decimals = this.step >= 1 ? 0 : this.step >= 0.1 ? 1 : 2;\n    return this.value.toFixed(decimals);\n  }\n\n  _handleChange = (): void => {\n    const value = Number.parseFloat(this._inputEl.value);\n    this.dispatchEvent(new CustomEvent(`change`, { detail: { value }, bubbles: true, composed: true }));\n  };\n\n  /**\n   * Wheel handler — installed by WheelNudgeMixin on the host. Synthesises a\n   * value change by writing to the inner `<input type=\"range\">` and dispatching\n   * `input` + `change`, so the existing `_handleInput` and `_handleChange`\n   * handlers run unchanged and re-bubble the events to listeners.\n   *\n   * Native wheel handling is left intact for the focused-inner-input case;\n   * the host listener fires under `lighttouch` or when focus is on the host.\n   */\n  override _applyWheelDelta(direction: WheelDirection, _event: WheelEvent): void {\n    const input = this._inputEl;\n    if (!input)\n      return;\n    const step = this.step > 0 ? this.step : Math.max((this.max - this.min) / 100, 0.01);\n    const candidate = this.value + direction * step;\n    const clamped = Math.min(this.max, Math.max(this.min, candidate));\n    if (clamped === this.value)\n      return;\n\n    input.value = String(clamped);\n    input.dispatchEvent(new CustomEvent(`input`, { detail: { value: clamped }, bubbles: true }));\n    input.dispatchEvent(new CustomEvent(`change`, { detail: { value: clamped }, bubbles: true }));\n  }\n\n  override render() {\n    const tooltipEl = this.tooltip\n      ? html`\n      <ixfx-tooltip\n        style=\"--tooltip-background: var(--surface-5); --tooltip-color: var(--surface-5-text)\"\n        .orientation=${this.tooltipOrientation}\n        anchor=\"--ixfx-ri-thumb\"\n        .value=${this.value}\n      ></ixfx-tooltip>\n    `\n      : nothing;\n\n    return html`\n      <div class=\"wrap\">\n        <div class=\"range-bg\"></div>\n        <input\n          type=\"range\"\n          .min=${String(this.min)}\n          .max=${String(this.max)}\n          .step=${String(this.step)}\n          .value=${String(this.value)}\n          @input=${this._handleInput}\n          @change=${this._handleChange}\n        >${tooltipEl}\n      </div>\n    `;\n  }\n\n  static styles: CSSResultGroup = [themeFallbacks, tooltipValueStyles, css`\n    :host {\n      display: block;\n      container-type: size;\n      user-select: none;\n      touch-action: none;\n      -webkit-touch-action: none;\n      width: var(--width, 200px);\n      height: var(--height, 2em);\n\n      /*\n       * Internal resolved vars — read public vars and apply defaults here.\n       * Public vars are NOT defined in :host {}, only read via fallback.\n       * This lets inherited values from ancestor elements flow through.\n       */\n      --_track-thickness: var(--track-thickness, 100%);\n      --_thumb-thickness: var(--thumb-thickness, 2em);\n      --_thumb-color: var(--thumb-color, var(--surface-2-text));\n      --_thumb-color-active: var(--thumb-color-active, var(--surface-2-text));\n      --_thumb-opacity: var(--thumb-opacity, 0.7);\n      --_thumb-opacity-hover: var(--thumb-opacity-hover, 0.8);\n      --_thumb-opacity-active: var(--thumb-opacity-active, 1); \n      --_thumb-size: var(--thumb-size, var(--_track-thickness));\n      --_thumb-radius: var(--thumb-radius, 0);\n      --_thumb-border: var(--thumb-border, none);\n      --_thumb-shadow: var(--thumb-shadow, none);\n      --_track-radius: var(--track-radius, none);\n      --_track-corner-shape: var(--track-corner-shape, none);\n      --_bg-track: var(--background-track, var(--surface-4));\n      --_bg-track-hover: var(--background-track-hover, var(--_bg-track));\n      --_bg-track-value: var(--background-track-value, var(--surface-6));\n      --_bg-track-value-hover: var(--background-track-value-hover, var(--accent));\n      --_bg-track-value-active: var(--background-track-value-active, var(--accent));\n\n      --value: 0;\n      --sx1: calc(var(--_thumb-thickness) + var(--value) * (100% - var(--_thumb-thickness)));\n      --track-avail: calc(100% - var(--_thumb-thickness));\n      --sx: calc(var(--_thumb-thickness) + (var(--value) * var(--track-avail)));\n      --track-mask: linear-gradient(to right, rgba(0,0,0,1) var(--sx), rgba(0,0,0,0) var(--sx) 100%);\n      --track-mask-vertical: linear-gradient(to top, rgba(0,0,0,1) var(--sx), rgba(0,0,0,0) var(--sx) 100%);\n    }\n\n    :host([orientation=\"vertical\"]) {\n      width: var(--width, 2em);\n      height: var(--height, 200px);\n    }\n\n    .wrap {\n      display: grid;\n      width: 100%;\n      height: 100%;\n    }\n\n    .wrap > * {\n      grid-area: 1 / 1;\n    }\n\n    .range-bg {\n      background: var(--_bg-track);\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      padding: 0;\n      border-radius: var(--_track-radius);\n      corner-shape: var(--_track-corner-shape);\n    }\n\n    .wrap:hover .range-bg {\n      background: var(--_bg-track-hover);\n    }\n\n    input[type=range] {\n      margin: 0;\n      padding: 0;\n      -webkit-appearance: none;\n      background: unset;\n      box-shadow: none;\n      width: 100%;\n      height: var(--_track-thickness);\n      align-self: center;\n    }\n\n    input[type=range]:focus {\n      outline: none;\n    }\n\n    /* Vertical layout */\n    :host([orientation=\"vertical\"]) .range-bg {\n      background: var(--background-track-vertical, var(--_bg-track));\n      width: var(--_track-thickness);\n      height: 100%;\n      justify-self: center;\n    }\n\n    :host([orientation=\"vertical\"]) .wrap:hover .range-bg {\n      background: var(--background-track-hover-vertical, var(--_bg-track-hover));\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range] {\n      writing-mode: vertical-rl;\n      direction: rtl;\n      width: var(--_track-thickness);\n      height: 100%;\n      justify-self: center;\n    }\n\n    /* ── Webkit thumb ── */\n    input[type=range]::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      opacity: var(--_thumb-opacity);\n      box-sizing: border-box;\n      anchor-name: --ixfx-ri-thumb;\n      width: var(--_thumb-thickness);\n      height: var(--_thumb-size);\n      border-radius: var(--_thumb-radius);\n      background: var(--_thumb-color);\n      border: var(--_thumb-border);\n      box-shadow: var(--_thumb-shadow);\n      margin-top: calc(max((var(--_thumb-thickness) - 1px - 1px) * 0.5, 0px) - var(--_thumb-thickness) * 0.5);\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range]::-webkit-slider-thumb {\n      width: var(--_thumb-size);\n      height: var(--_thumb-thickness);\n      margin-top: 0;\n      margin-left: calc(max((1em - 1px - 1px) * 0.5, 0px) - 1.2em * 0.5);\n    }\n\n    input[type=range]::-webkit-slider-thumb:hover {\n      opacity: var(--_thumb-opacity-hover);\n    }\n\n    input[type=range]::-webkit-slider-thumb:active {\n      opacity: var(--_thumb-opacity-active);\n    }\n    input[type=range]::-webkit-slider-thumb:hover,\n    input[type=range]::-webkit-slider-thumb:active {\n      background: var(--_thumb-color-active);\n    }\n\n    /* ── Webkit track ── */\n    input[type=range]::-webkit-slider-runnable-track {\n      height: var(--_track-thickness);\n      background: var(--_bg-track-value);\n      mask-image: var(--track-mask);\n      box-shadow: none;\n      margin: 0;\n      padding: 0;\n      border-radius: var(--_track-radius);\n      corner-shape: var(--_track-corner-shape);\n    }\n\n    input[type=range]:hover::-webkit-slider-runnable-track {\n      background: var(--_bg-track-value-hover);\n      mask-image: var(--track-mask);\n    }\n\n    input[type=range]:active::-webkit-slider-runnable-track {\n      background: var(--_bg-track-value-active);\n      mask-image: var(--track-mask);\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range]::-webkit-slider-runnable-track {\n      background: var(--background-track-value-vertical, var(--_bg-track-value));\n      mask-image: var(--track-mask-vertical);\n      width: var(--_track-thickness);\n      height: unset;\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range]:hover::-webkit-slider-runnable-track {\n      background: var(--background-track-value-hover-vertical, var(--_bg-track-value-hover));\n      mask-image: var(--track-mask-vertical);\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range]:active::-webkit-slider-runnable-track {\n      background: var(--background-track-value-active-vertical, var(--_bg-track-value-active));\n      mask-image: var(--track-mask-vertical);\n    }\n\n    /* ── Mozilla thumb ── */\n    input[type=range]::-moz-range-thumb {\n      box-sizing: border-box;\n      width: var(--_thumb-thickness);\n      height: var(--_thumb-size);\n      border-radius: var(--_thumb-radius);\n      background: var(--_thumb-color);\n      border: var(--_thumb-border);\n      box-shadow: var(--_thumb-shadow);\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range]::-moz-range-thumb {\n      width: var(--_thumb-size);\n      height: var(--_thumb-thickness);\n    }\n\n    input[type=range]::-moz-range-thumb:hover,\n    input[type=range]::-moz-range-thumb:active {\n      background: var(--_thumb-color-active);\n    }\n\n    /* ── Mozilla track ── */\n    input[type=range]::-moz-range-track {\n      height: var(--_track-thickness);\n      background: var(--_bg-track-value);\n      mask-image: var(--track-mask);\n      box-shadow: none;\n      margin: 0;\n      padding: 0;\n    }\n\n    input[type=range]:hover::-moz-range-track {\n      background: var(--_bg-track-value-hover);\n      mask-image: var(--track-mask);\n    }\n\n    input[type=range]:active::-moz-range-track {\n      background: var(--_bg-track-value-active);\n      mask-image: var(--track-mask);\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range]::-moz-range-track {\n      background: var(--background-track-value-vertical, var(--_bg-track-value));\n      mask-image: var(--track-mask-vertical);\n      height: unset;\n      width: var(--_track-thickness);\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range]:hover::-moz-range-track {\n      background: var(--background-track-value-hover-vertical, var(--_bg-track-value-hover));\n      mask-image: var(--track-mask-vertical);\n    }\n\n    :host([orientation=\"vertical\"]) input[type=range]:active::-moz-range-track {\n      background: var(--background-track-value-active-vertical, var(--_bg-track-value-active));\n      mask-image: var(--track-mask-vertical);\n    }\n\n    /* ── Swipeable mode ── */\n    /* Disable native pointer capture so the cursor can move freely between sliders */\n    :host([swipeable]) input {\n      pointer-events: none;\n    }\n\n    /* In swipeable mode, disable pointer events on wrap so host receives hover */\n    :host([swipeable]) .wrap {\n      pointer-events: none;\n    }\n\n    /* In swipeable mode, use host hover to trigger track/thumb hover styles */\n    :host([swipeable]):hover input[type=range]::-webkit-slider-runnable-track {\n      background: var(--_bg-track-value-hover);\n    }\n\n    :host([swipeable]):hover input[type=range]::-webkit-slider-thumb {\n      background: var(--_thumb-color-active);\n    }\n\n    :host([swipeable][orientation=\"vertical\"]):hover input[type=range]::-webkit-slider-runnable-track {\n      background: var(--background-track-value-hover-vertical, var(--_bg-track-value-hover));\n    }\n\n    :host([swipeable]):hover input[type=range]::-moz-range-track {\n      background: var(--_bg-track-value-hover);\n    }\n\n    :host([swipeable]):hover input[type=range]::-moz-range-thumb {\n      background: var(--_thumb-color-active);\n    }\n\n    :host([swipeable][orientation=\"vertical\"]):hover input[type=range]::-moz-range-track {\n      background: var(--background-track-value-hover-vertical, var(--_bg-track-value-hover));\n    }\n\n    :host([swipeable]):hover .range-bg {\n      background: var(--_bg-track-hover);\n    }\n\n    :host([swipeable][orientation=\"vertical\"]):hover .range-bg {\n      background: var(--background-track-hover-vertical, var(--_bg-track-hover));\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-range-input': RangeInput;\n  }\n}\n"],"mappings":"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"}

package/docs-user/index.json

@@ -1,7 +1,7 @@
 {
   "name": "@ixfx/components",
-  "version": "0.11.3",
-  "generated": "2026-09-26T19:40:12.729Z",
+  "version": "0.11.4",
+  "generated": "2026-09-27T21:46:20.636Z",
   "components": [
     {
       "name": "ac-text",

package/docs-user/multicol-list.md

@@ -98,6 +98,7 @@ at the top, selected by default. Choosing values clears All; choosing All clears
 | `--multicol-list-border` | `var(--border)` | Column separator |
 | `--multicol-list-min-column-width` | `80px` | Resize floor |
 | `--multicol-list-max-column-width` | `480px` | Resize ceiling |
+| `--multicol-list-header-font-size` | `unset` (inherits) | Header label font size |
 
 Inherited from the theme: `--font-family`, `--text-s`/`--text-m`, `--space-*`,
 `--radius-s`, `--accent`, `--transition`.

package/package.json

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

package/dist/labelled-input-base-hoKGwyKT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"labelled-input-base-hoKGwyKT.js","names":[],"sources":["../src/mixins/labelled-input-util.ts","../src/mixins/labelled-input-base.ts"],"sourcesContent":["export function clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\nexport function applyValue(\n  el: Element | null,\n  value: number,\n): void {\n  if (el == null) {\n    return;\n  }\n  (el as any).value = value;\n}\n","import { html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { applyValue } from './labelled-input-util.js';\n\nexport abstract class LabelledInputBase extends LitElement {\n  @property() label = ``;\n\n  @property({ type: Number }) min = 0;\n  @property({ type: Number }) max = 1;\n  @property({ type: Number }) value = 0;\n  @property({ type: Number }) step = 0.01;\n  @property({ type: Number }) precision = 0;\n  @property({ type: Number, attribute: `drag-sensitivity` }) dragSensitivity = 1;\n\n  @property({ type: Number, attribute: `mini-width-threshold` }) miniWidthThreshold = 120;\n  @property({ type: Number, attribute: `mini-height-threshold` }) miniHeightThreshold = 45;\n\n  @property({ attribute: `display-text-logic` }) displayTextLogic: `hidden` | `show` | `override` | `transient` = `transient`;\n\n  @state() protected _isMini = false;\n  @state() protected _isDragging = false;\n  @state() protected _formatter?: (value: string) => string;\n\n  private _debounceTimer: number | undefined = undefined;\n  private _resizeObserver?: ResizeObserver;\n\n  abstract readonly inputSelector: string;\n\n  get formatter(): (value: string) => string {\n    return this._formatter ?? ((v: string) => v);\n  }\n\n  set formatter(value: ((value: string) => string) | undefined) {\n    this._formatter = value;\n  }\n\n  protected get hasCustomFormatter(): boolean {\n    return this._formatter !== undefined;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(entries => this._handleResize(entries));\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._resizeObserver?.disconnect();\n    this._resizeObserver = undefined;\n  }\n\n  protected _handleResize(entries: ResizeObserverEntry[]): void {\n    const { width, height } = entries[0].contentRect;\n    const miniOverride = getComputedStyle(this).getPropertyValue(`--mini`).trim();\n    if (miniOverride === `1`) {\n      this._isMini = true;\n      return;\n    }\n    if (miniOverride === `0`) {\n      this._isMini = false;\n      return;\n    }\n    this._isMini = width < this.miniWidthThreshold || height < this.miniHeightThreshold;\n  }\n\n  protected _handleNumberChange = (e: CustomEvent<{ value: string }>): void => {\n    const newValue = Number.parseFloat(e.detail.value);\n    this.value = newValue;\n    this._syncValue(newValue);\n    this.dispatchEvent(new CustomEvent(`change`, {\n      detail: { value: e.detail.value },\n      bubbles: true,\n      composed: true,\n    }));\n  };\n\n  protected _handleInputChange = (e: CustomEvent<{ value: number }>): void => {\n    this.value = e.detail.value;\n    clearTimeout(this._debounceTimer);\n    this._debounceTimer = window.setTimeout(() => {\n      this._isDragging = false;\n    }, 300);\n    this.dispatchEvent(new CustomEvent(`change`, {\n      detail: { value: String(e.detail.value) },\n      bubbles: true,\n      composed: true,\n    }));\n  };\n\n  protected _handleSliderInput = (e: CustomEvent<{ value: number }>): void => {\n    console.log(`[LABELLED-INPUT] _handleSliderInput called`, { value: e.detail.value, composedPath: e.composedPath() });\n    this.value = e.detail.value;\n    this._isDragging = true;\n    clearTimeout(this._debounceTimer);\n    this.dispatchEvent(new CustomEvent(`input`, {\n      detail: { value: e.detail.value },\n      bubbles: true,\n      composed: true,\n    }));\n  };\n\n  protected _syncValue(v: number): void {\n    const input = this.renderRoot?.querySelector(this.inputSelector);\n    if (input) {\n      applyValue(input, v);\n    }\n    const editableNumber = this.renderRoot?.querySelector(`ixfx-editable-number`);\n    if (editableNumber) {\n      applyValue(editableNumber, v);\n      (editableNumber as any)._requestDisplayUpdate?.();\n    }\n  }\n\n  protected _renderEditableNumber() {\n    if (this._isMini) {\n      return nothing;\n    }\n    return html`\n      <ixfx-editable-number\n        class=\"number\"\n        mode=\"label\"\n        no-drag\n        .value=${String(this.value)}\n        .min=${this.min}\n        .max=${this.max}\n        .step=${this.step}\n        .dragSensitivity=${this.dragSensitivity}\n        .precision=${this.precision}\n        .displayText=${this.label}\n        .displayTextLogic=${this._isDragging ? `hidden` : this.displayTextLogic}\n        .formatter=${this._formatter}\n        @change=${this._handleNumberChange}\n      ></ixfx-editable-number>\n    `;\n  }\n\n  override updated(changedProperties: Map<string, unknown>): void {\n    super.updated(changedProperties);\n    if (changedProperties.has(`value`)) {\n      this._syncValue(this.value);\n    }\n  }\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-Woc8jJc1.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 || html`<ixfx-icon name=\"ellipsis-vertical\"></ixfx-icon>`}</button>`\n          : null}\n        <slot name=\"trigger\" @slotchange=${this._handleTriggerSlotChange}></slot>\n      </div>\n      <div\n        class=\"popup popup-surface\"\n        popover=\"auto\"\n        @click=${(e: Event) => e.stopPropagation()}\n      >\n          <slot name=\"menu\" @slotchange=${this._handleSlotChange}></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-menu-trigger': MenuTrigger;\n  }\n}\n","import type { CommandRegistry, KeyboardManager } from '@clinth/ui-commands';\nimport { css, html, LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { tickledItemStyles } from '../interaction/index.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport '../icons/icon.js';\n\nexport type MenuItemCommandDetail = {\n  readonly command: string;\n  readonly args: string;\n};\n\nexport type MenuItemCommandEvent = CustomEvent<MenuItemCommandDetail>;\n\n@customElement(`ixfx-menu-item`)\nexport class MenuItem extends LitElement {\n  @property({ type: String }) command = ``;\n  @property({ type: String, attribute: `command-args` }) commandArgs = ``;\n  @property({ type: String }) label = ``;\n  @property({ type: Boolean }) disabled = false;\n  @property({ type: String, attribute: `icon-name` }) iconName = ``;\n  @property({ attribute: false }) registry?: CommandRegistry<unknown>;\n  @property({ attribute: false }) keyboardManager?: KeyboardManager;\n  @property({ attribute: false }) submenuPopover?: HTMLElement;\n\n  @state() private _hasChildren = false;\n  @query(`slot`) private _slot!: HTMLSlotElement;\n\n  private _hoverTimeout: number | null = null;\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._hoverTimeout) {\n      clearTimeout(this._hoverTimeout);\n    }\n  }\n\n  private _handleSlotChange(): void {\n    const assigned = this._slot?.assignedElements() ?? [];\n    this._hasChildren = assigned.length > 0;\n  }\n\n  private _handleMouseEnter(): void {\n    if (this.disabled || !this._hasChildren || !this.submenuPopover)\n      return;\n    if (this._hoverTimeout) {\n      clearTimeout(this._hoverTimeout);\n    }\n    this._hoverTimeout = window.setTimeout(() => {\n      this._showSubmenu();\n    }, 150);\n  }\n\n  private _handleMouseLeave(): void {\n    if (this._hoverTimeout) {\n      clearTimeout(this._hoverTimeout);\n      this._hoverTimeout = null;\n    }\n    this._hideSubmenu();\n  }\n\n  private _showSubmenu(): void {\n    if (!this.submenuPopover?.popover)\n      return;\n    try {\n      this.submenuPopover.showPopover();\n    } catch (err) {\n      console.warn(`showPopover failed:`, err);\n    }\n  }\n\n  private _hideSubmenu(): void {\n    if (!this.submenuPopover?.popover)\n      return;\n    try {\n      this.submenuPopover.hidePopover();\n    } catch (err) {\n      console.warn(`hidePopover failed:`, err);\n    }\n  }\n\n  private handleClick(): void {\n    if (this.disabled)\n      return;\n\n    this.dispatchEvent(new CustomEvent<MenuItemCommandDetail>(`command`, {\n      detail: { command: this.command, args: this.commandArgs },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _resolvedLabel(): string {\n    if (this.label)\n      return this.label;\n    if (this.registry && this.command) {\n      return this.registry.get(this.command)?.label ?? ``;\n    }\n    return ``;\n  }\n\n  private _resolvedIcon(): string | null {\n    if (this.iconName)\n      return this.iconName;\n    if (this.registry && this.command) {\n      return this.registry.get(this.command)?.icon ?? null;\n    }\n    return null;\n  }\n\n  willUpdate(changedProperties: Map<string, unknown>): void {\n    super.willUpdate(changedProperties);\n    const resolvedIcon = this._resolvedIcon();\n    if (resolvedIcon && !this.iconName) {\n      this.setAttribute(`data-icon-section`, ``);\n    } else if (!resolvedIcon && !this.iconName) {\n      this.removeAttribute(`data-icon-section`);\n    }\n  }\n\n  updated(changedProperties: Map<string, unknown>): void {\n    super.updated(changedProperties);\n  }\n\n  private _getShortcut(): string | null {\n    if (!this.keyboardManager || !this.command)\n      return null;\n    const bindings = (this.keyboardManager as any).getBindings?.() ?? [];\n    const binding = bindings.find((b: any) => b.commandId === this.command);\n    if (!binding)\n      return null;\n    const mods = Array.from(binding.modifiers ?? [], (m: string) =>\n      ({ ctrl: `⌃`, shift: `⇧`, alt: `⌥`, meta: `⌘` })[m] ?? m);\n    const key = binding.key?.length === 1 ? binding.key.toUpperCase() : binding.key;\n    return [...mods, key].join(``);\n  }\n\n  static override styles = [themeFallbacks, tickledItemStyles, css`\n    :host {\n      display: block;\n    }\n\n    .item {\n      display: flex !important;\n      align-items: center;\n      padding: 6px var(--space-m);\n      font-size: var(--text-m);\n      background: var(--item-bg, transparent);\n      border: var(--item-border, 1px solid transparent);\n      color: var(--item-text, inherit);\n    }\n\n    :host(.tickled) .item {\n      background: var(--item-bg-tickled);\n      border: var(--item-border-tickled);\n      color: var(--item-text-tickled);\n    }\n\n    :host(:focus) {\n      outline: none;\n    }\n\n    .item.disabled {\n      opacity: var(--disabled-opacity);\n      cursor: default;\n    }\n\n    .item.disabled:hover {\n      background: transparent;\n    }\n\n    .icon-slot {\n      width: 0;\n      overflow: hidden;\n      flex-shrink: 0;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    :host([icon-name]) .icon-slot,\n    :host([data-icon-section]) .icon-slot {\n      width: 1em;\n      height: 1em;\n      margin-right: var(--space-s);\n    }\n\n    .label {\n      flex: 1;\n    }\n\n    .shortcut {\n      margin-left: auto;\n      color: var(--surface-muted-text);\n      font-size: var(--text-s);\n    }\n\n    .arrow {\n      color: var(--surface-muted-text);\n      margin-left: var(--space-m);\n    }\n  `];\n\n  render() {\n    const shortcut = this._getShortcut();\n    const resolvedIcon = this._resolvedIcon();\n    return html`\n      <div \n        class=\"item ${this.disabled ? `disabled` : ``}\"\n        @click=${this.handleClick}\n        @mouseenter=${this._handleMouseEnter}\n        @mouseleave=${this._handleMouseLeave}\n        tabindex=\"${this.disabled ? -1 : 0}\"\n        role=\"menuitem\"\n        aria-haspopup=\"${this._hasChildren ? `true` : `false`}\"\n        aria-expanded=\"${this.submenuPopover?.matches(`:popover-open`) ?? false}\"\n      >\n        <span class=\"icon-slot\">${resolvedIcon ? html`<ixfx-icon name=\"${resolvedIcon}\"></ixfx-icon>` : null}</span>\n        <span class=\"label\"><slot></slot>${this._resolvedLabel()}</span>\n        ${shortcut ? html`<span class=\"shortcut\">${shortcut}</span>` : null}\n        ${this._hasChildren ? html`<span class=\"arrow\"><ixfx-icon name=\"chevron-right\"></ixfx-icon></span>` : null}\n      </div>\n      <slot @slotchange=${this._handleSlotChange}></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-menu-item': MenuItem;\n  }\n}\n"],"mappings":"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"}

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

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