@nvidia-elements/core 2.23.3 → 2.23.5

package/dist/joystick/joystick2.js

@@ -1,11 +1,11 @@
 import { GestureController as e } from "../internal/controllers/gesture.controller.js";
-import { useStyles as t } from "../internal/styles/index.js";
-import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import r from "./joystick.js";
-import { LitElement as i, html as a, isServer as o } from "lit";
-import { property as s } from "lit/decorators/property.js";
-import { I18nController as c } from "@nvidia-elements/foundations/internal/i18n";
-import { styleMap as l } from "lit/directives/style-map.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import n from "./joystick.js";
+import { LitElement as r, html as i, isServer as a } from "lit";
+import { property as o } from "lit/decorators/property.js";
+import { I18nController as s } from "@nvidia-elements/foundations/internal/i18n";
+import { styleMap as c } from "lit/directives/style-map.js";
+import { useStyles as l } from "@nvidia-elements/foundations/internal/styles";
 import { FormControlMixin as u } from "@nvidia-elements/forms/mixins";
 // src/joystick/joystick.ts
 var d = {
@@ -31,14 +31,14 @@ var d = {
 		x: 0,
 		y: 1
 	}
-}, p = class extends u(i) {
+}, p = class extends u(r) {
 	static {
-		this.styles = t([r]);
+		this.styles = l([n]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-joystick",
-			version: "2.23.3",
+			version: "2.23.5",
 			valueSchema: {
 				type: "object",
 				properties: {
@@ -88,7 +88,7 @@ var d = {
 		super.readOnly = !!e, this.#S();
 	}
 	constructor() {
-		super(), this.constraint = "circle", this.size = "md", this.opacity = !1, this.release = "center", this.keyboardStep = .1, this.announce = "polite", this.#e = new c(this, d), this.i18n = this.#e.i18n, this.#t = "", this.#a = !1, this.#o = new e(this, {
+		super(), this.constraint = "circle", this.size = "md", this.opacity = !1, this.release = "center", this.keyboardStep = .1, this.announce = "polite", this.#e = new s(this, d), this.i18n = this.#e.i18n, this.#t = "", this.#a = !1, this.#o = new e(this, {
 			touchAction: () => this.disabled || this.readOnly ? void 0 : "none",
 			suppressNativeDrag: !0
 		}), this.#s = /* @__PURE__ */ new Set(), this.#l = !1, this.#u = !1, this.#w = (e) => {
@@ -131,7 +131,7 @@ var d = {
 		this.#o.target = this;
 	}
 	willUpdate(e) {
-		if (o && this.hasAttribute("value") && this._handleAttributeChange("value", this.getAttribute("value")), this.#S(), this.announce === "off" && this.#b(), (e.has("constraint") || e.has("release") || e.has("keyboardStep")) && (this.#h("configuration-change"), this.#b(), this.value)) {
+		if (a && this.hasAttribute("value") && this._handleAttributeChange("value", this.getAttribute("value")), this.#S(), this.announce === "off" && this.#b(), (e.has("constraint") || e.has("release") || e.has("keyboardStep")) && (this.#h("configuration-change"), this.#b(), this.value)) {
 			let e = this.#f(this.value);
 			h(this.value, e) || (this.value = e);
 		}
@@ -148,7 +148,7 @@ var d = {
 			x: 0,
 			y: 0
 		};
-		return a`<div internal-host aria-hidden="true"><div class="background"></div><div class="travel"><div class="thumb" ?hidden="${!this.value}" style="${l({
+		return i`<div internal-host aria-hidden="true"><div class="background"></div><div class="travel"><div class="thumb" ?hidden="${!this.value}" style="${c({
 			left: `${(e.x + 1) * 50}%`,
 			top: `${(e.y + 1) * 50}%`
 		})}"></div></div></div><span class="announcement" role="status" aria-live="${this.announce === "off" ? "off" : "polite"}" aria-atomic="true">${this.#t}</span>`;
@@ -319,22 +319,22 @@ var d = {
 	#M;
 	#N;
 };
-n([s({
+t([o({
 	type: String,
 	reflect: !0
-})], p.prototype, "constraint", void 0), n([s({
+})], p.prototype, "constraint", void 0), t([o({
 	type: String,
 	reflect: !0
-})], p.prototype, "size", void 0), n([s({
+})], p.prototype, "size", void 0), t([o({
 	type: Boolean,
 	reflect: !0
-})], p.prototype, "opacity", void 0), n([s({
+})], p.prototype, "opacity", void 0), t([o({
 	type: String,
 	reflect: !0
-})], p.prototype, "release", void 0), n([s({
+})], p.prototype, "release", void 0), t([o({
 	type: Number,
 	attribute: "keyboard-step"
-})], p.prototype, "keyboardStep", void 0), n([s({ type: String })], p.prototype, "announce", void 0), n([s({ type: Object })], p.prototype, "i18n", void 0);
+})], p.prototype, "keyboardStep", void 0), t([o({ type: String })], p.prototype, "announce", void 0), t([o({ type: Object })], p.prototype, "i18n", void 0);
 function m(e) {
 	return typeof e == "object" && !!e && "x" in e && "y" in e && typeof e.x == "number" && typeof e.y == "number" && Number.isFinite(e.x) && Number.isFinite(e.y) && Object.keys(e).length === 2;
 }

package/dist/joystick/joystick2.js.map

@@ -1 +1 @@
-{"version":3,"file":"joystick2.js","names":["styles","_decorate","__decorate","joystick_default","i18nDefaults","directions","Joystick","FormControlMixin","LitElement","useStyles","name","oldValue","newValue","#ownsTabIndex","value","#checkAvailability","#i18nController","I18nController","#announcement","#writingInput","#gestureController","GestureController","#keys","#resetting","#handleGestureInput","event","input","#startPointer","#session","#movePointer","#end","#handleGesture","gesture","#handleKeyDown","direction","#acceptKey","#begin","#moveKey","#handleKeyUp","#handleBlur","#clearFeedback","#handleVisibility","tabIndex","ownsTabIndex","isServer","changes","#constrain","sameVector","#description","position","#describePosition","styleMap","nextValue","isVector","#lastInput","state","data","constraint","length","x","y","session","#queueFeedback","lastInput","#releasePointer","reason","#input","#finishFeedback","formatter","options","format","number","#canAnnounce","#pendingFeedback","#announcementTimer","feedback","message","pointerId","bounds","step","#step","property","first","second"],"sources":["../../src/joystick/joystick.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, isServer, LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixins';\nimport {\n  GestureController,\n  useStyles,\n  type Gesture,\n  type GestureInput,\n  type Size\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './joystick.css?inline';\n\nexport interface JoystickValue {\n  readonly x: number;\n  readonly y: number;\n}\n\nexport type JoystickConstraint = 'circle' | 'square' | 'horizontal' | 'vertical';\nexport type JoystickRelease = 'center' | 'hold';\n\nexport interface JoystickInteractionStart {\n  readonly source: 'pointer' | 'keyboard';\n}\n\nexport interface JoystickInteractionEnd extends JoystickInteractionStart {\n  readonly reason:\n    | 'release'\n    | 'escape'\n    | 'pointer-cancel'\n    | 'lost-capture'\n    | 'blur'\n    | 'hidden'\n    | 'disabled'\n    | 'readonly'\n    | 'configuration-change'\n    | 'reset'\n    | 'disconnect';\n}\n\ntype Session = JoystickInteractionStart & { pointerId?: number; changed: boolean };\n\nconst i18nDefaults = {\n  joystickPosition: 'X {x}, Y {y}.',\n  joystickNoPosition: 'No position.',\n  joystickInstructions:\n    'Use arrow keys to adjust the enabled axes. Release to return to center. Press Escape to cancel.',\n  joystickHoldInstructions:\n    'Use arrow keys to adjust the enabled axes. Release to keep the position. Escape and interruptions return to center.',\n  joystickReturnedToCenter: '{position} Returned to center.'\n} satisfies I18nDefaults;\n\nconst directions: Record<string, JoystickValue> = {\n  ArrowLeft: { x: -1, y: 0 },\n  ArrowRight: { x: 1, y: 0 },\n  ArrowUp: { x: 0, y: -1 },\n  ArrowDown: { x: 0, y: 1 }\n};\n\n/* eslint-disable jsdoc/no-types -- The metadata analyzer needs the inherited generic value type. */\n/**\n * @element nve-joystick\n * @description A joystick selects a normalized two-axis vector with pointer or keyboard input.\n * Applications own physical units, coordinate frames, input shaping, publishing cadence, recording clocks,\n * command-outcome feedback, and alternative controls when needed.\n *\n * Give each joystick an accessible name with a label, aria-label, or aria-labelledby.\n * Editable controls use the application role to receive two-axis keyboard input.\n * The default accessible description includes both normalized coordinates, keyboard instructions, and release behavior.\n * A locked axis stays at zero; an absent value reads \"No position.\" Disabled and read-only controls omit instructions.\n * Coordinates use up to six decimal places and the document language for number formatting.\n * An explicit aria-description or aria-describedby replaces the default focus description through standard ARIA precedence;\n * it does not disable live announcements.\n * @documentation https://nvidia.github.io/elements/docs/elements/joystick/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/joystick\n * @property {JoystickValue | undefined} value - The normalized vector: positive x points right and positive y points down, independent of text direction. Assign a complete finite object within the selected constraint. Invalid vectors throw TypeError without replacing the previous value. Programmatic writes do not dispatch input or change events. Use undefined for an absent sample and a zero vector for recorded neutral input. Set readOnly before assigning replay ownership. User input can replace external writes during an interaction.\n * @attribute {string} value - A JSON object containing normalized x and y coordinates.\n * @event input - Dispatched after user input changes the vector, including a return to neutral. Read .value for the current vector. A held position does not generate repeated events. Publish commands at an application-controlled cadence.\n * @event change - Dispatched after a normal interaction completes and produces input. Cancellation sends any necessary neutral input without change.\n * @event interaction-start - Dispatched with the pointer or keyboard source after setting :state(active), including engagement at neutral.\n * @event interaction-end - Dispatched with the source and terminal reason after clearing :state(active). Interruption first sends any necessary neutral input. Reset restores the declared default without value events. Detached events cannot bubble to former ancestors.\n * @cssprop --width\n * @cssprop --height\n * @cssprop --background\n * @cssprop --opacity - Background opacity when the opacity flag is present. Defaults to 0.6. The border, crosshair, thumb, and focus indicator keep their opacity.\n * @cssprop --border\n * @cssprop --thumb-width\n * @cssprop --thumb-height\n * @cssprop --thumb-background\n * @cssprop --thumb-border\n * @stable false\n */\nexport class Joystick extends FormControlMixin<typeof LitElement, JoystickValue>(LitElement) {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-joystick',\n    version: '0.0.0',\n    valueSchema: {\n      type: 'object' as const,\n      properties: {\n        x: { type: 'number' as const, minimum: -1, maximum: 1 },\n        y: { type: 'number' as const, minimum: -1, maximum: 1 }\n      },\n      required: ['x', 'y'],\n      additionalProperties: false\n    }\n  };\n\n  /**\n   * Constrains the movement region or selects one axis. Circle limits vector magnitude to one;\n   * square permits both axes at full scale and a magnitude of up to Math.SQRT2.\n   * With equally scaled planar velocity axes, square corners allow about 41% greater speed.\n   * Mixed forward-velocity and turning-rate axes have no common physical magnitude.\n   * Changing the constraint projects the current value silently and cancels an active interaction.\n   */\n  @property({ type: String, reflect: true }) constraint: JoystickConstraint = 'circle';\n\n  /** Sets surface and thumb size. At the default font size, sm is 104px, md is 130px, and lg is 156px. */\n  @property({ type: String, reflect: true }) size: Size = 'md';\n\n  /** Enables background transparency using the --opacity CSS custom property. */\n  @property({ type: Boolean, reflect: true }) opacity = false;\n\n  /**\n   * Determines whether normal release returns to center or holds the final vector.\n   * Interrupted interactions return to neutral in either mode. Form reset restores the declared default instead.\n   */\n  @property({ type: String, reflect: true }) release: JoystickRelease = 'center';\n\n  /**\n   * Sets the normalized increment for each arrow key press. Repeated presses continue adjusting;\n   * releasing the final arrow applies the release behavior. Escape cancels the interaction.\n   * Invalid steps fall back to 0.1. Modifier shortcuts and locked-axis directions remain available to the browser.\n   */\n  @property({ type: Number, attribute: 'keyboard-step' }) keyboardStep = 0.1;\n\n  /**\n   * Controls automatic position announcements. Focused user input produces polite announcements at most every 500 ms.\n   * A quick tap in center mode reports the input coordinates and the return to center.\n   * Escape announces the resulting coordinates without a separate cancellation message.\n   * Programmatic writes and read-only playback update the description without live announcements.\n   * Set off when the application supplies spoken output, the position description on focus remains available.\n   */\n  @property({ type: String }) announce: 'polite' | 'off' = 'polite';\n\n  readonly #i18nController: I18nController<this> = new I18nController(this, i18nDefaults);\n\n  /** Enables updating internal string values for internationalization. */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  #announcement = '';\n  #pendingFeedback?: { value: JoystickValue; kind: 'position' | 'return' };\n  #announcementTimer?: ReturnType<typeof setTimeout>;\n  #lastInput?: JoystickValue;\n  #writingInput = false;\n\n  readonly #gestureController = new GestureController(this, {\n    touchAction: () => (this.disabled || this.readOnly ? undefined : 'none'),\n    suppressNativeDrag: true\n  });\n  readonly #keys = new Set<string>();\n  #session?: Session;\n  #resetting = false;\n  #ownsTabIndex = false;\n\n  static override get observedAttributes() {\n    return [...super.observedAttributes, 'tabindex'];\n  }\n\n  override attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n    super.attributeChangedCallback(name, oldValue, newValue);\n    if (name === 'tabindex') this.#ownsTabIndex = false;\n  }\n\n  override get disabled(): boolean {\n    return super.disabled;\n  }\n\n  override set disabled(value: boolean | unknown) {\n    super.disabled = Boolean(value);\n    this.#checkAvailability();\n  }\n\n  override get readOnly(): boolean {\n    return super.readOnly;\n  }\n\n  override set readOnly(value: boolean | unknown) {\n    super.readOnly = Boolean(value);\n    this.#checkAvailability();\n  }\n\n  constructor() {\n    super();\n    this.value = { x: 0, y: 0 };\n  }\n\n  connectedCallback() {\n    const tabIndex = this.getAttribute('tabindex');\n    const ownsTabIndex = this.#ownsTabIndex || tabIndex === null;\n    super.connectedCallback();\n    // The forms mixin assigns tabindex on connection; keep the caller's focus order.\n    if (tabIndex !== null) this.setAttribute('tabindex', tabIndex);\n    this.#ownsTabIndex = ownsTabIndex;\n    if (this.hasUpdated) this.#gestureController.target = this;\n    this.addEventListener('nve-gesture-input', this.#handleGestureInput);\n    this.addEventListener('nve-gesture', this.#handleGesture);\n    this.addEventListener('keydown', this.#handleKeyDown);\n    this.addEventListener('keyup', this.#handleKeyUp);\n    this.addEventListener('blur', this.#handleBlur);\n    globalThis.window?.addEventListener('blur', this.#handleBlur);\n    globalThis.document?.addEventListener('visibilitychange', this.#handleVisibility);\n  }\n\n  disconnectedCallback() {\n    this.#end('disconnect');\n    this.#clearFeedback();\n    this.removeEventListener('nve-gesture-input', this.#handleGestureInput);\n    this.removeEventListener('nve-gesture', this.#handleGesture);\n    this.removeEventListener('keydown', this.#handleKeyDown);\n    this.removeEventListener('keyup', this.#handleKeyUp);\n    this.removeEventListener('blur', this.#handleBlur);\n    globalThis.window?.removeEventListener('blur', this.#handleBlur);\n    globalThis.document?.removeEventListener('visibilitychange', this.#handleVisibility);\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    this.#gestureController.target = this;\n  }\n\n  willUpdate(changes: PropertyValues<this>) {\n    // Lit SSR converts reactive attributes without invoking the forms mixin callback.\n    if (isServer && this.hasAttribute('value')) this._handleAttributeChange('value', this.getAttribute('value'));\n    this.#checkAvailability();\n    if (this.announce === 'off') this.#clearFeedback();\n    if (changes.has('constraint') || changes.has('release') || changes.has('keyboardStep')) {\n      this.#end('configuration-change');\n      this.#clearFeedback();\n      if (this.value) {\n        const value = this.#constrain(this.value);\n        if (!sameVector(this.value, value)) this.value = value;\n      }\n    }\n  }\n\n  updated() {\n    if (this.#ownsTabIndex || !this.hasAttribute('tabindex')) {\n      this.tabIndex = this.disabled ? -1 : 0;\n      this.#ownsTabIndex = true;\n    }\n    // Editable joysticks own the two-axis keyboard interaction, including release and cancellation.\n    this._internals.role = this.disabled || this.readOnly ? 'group' : 'application';\n    this._internals.ariaLabel = this.ariaLabel || this.composedLabel || null;\n    this._internals.ariaReadOnly = null;\n    this._internals.ariaDescription = this.#description;\n  }\n\n  get #description() {\n    const position = this.#describePosition(this.value);\n    if (this.disabled || this.readOnly) return position;\n    const instructions = this.release === 'hold' ? this.i18n.joystickHoldInstructions : this.i18n.joystickInstructions;\n    return `${position} ${instructions}`;\n  }\n\n  render() {\n    const value = this.value ?? { x: 0, y: 0 };\n    return html`\n      <div internal-host aria-hidden=\"true\">\n        <div class=\"background\"></div>\n        <div class=\"travel\">\n          <div class=\"thumb\" ?hidden=${!this.value} style=${styleMap({ left: `${(value.x + 1) * 50}%`, top: `${(value.y + 1) * 50}%` })}></div>\n        </div>\n      </div>\n      <span class=\"announcement\" role=\"status\" aria-live=${this.announce === 'off' ? 'off' : 'polite'} aria-atomic=\"true\">${this.#announcement}</span>\n    `;\n  }\n\n  override updateValue(value: JoystickValue) {\n    // Only project the default assignment; writes from reset listeners still use strict validation.\n    const nextValue = this.#resetting && isVector(value) ? this.#constrain(value) : value;\n    this.#resetting = false;\n    if (nextValue !== undefined && (!isVector(nextValue) || !sameVector(nextValue, this.#constrain(nextValue)))) {\n      throw new TypeError('Joystick value must contain finite x and y coordinates within its constraint.');\n    }\n    super.updateValue(nextValue);\n    if (!this.#writingInput) {\n      this.#lastInput = undefined;\n      this.#clearFeedback();\n    }\n  }\n\n  override reset() {\n    this.#end('reset');\n    this.#clearFeedback();\n    this.#resetting = true;\n    try {\n      super.reset();\n    } finally {\n      this.#resetting = false;\n    }\n  }\n\n  override formStateRestoreCallback(state: unknown, _reason?: string) {\n    if (typeof state !== 'string') return;\n    let value: unknown;\n    try {\n      value = state === '' ? undefined : JSON.parse(state);\n    } catch {\n      return;\n    }\n    if (value !== undefined && (!isVector(value) || !sameVector(value, this.#constrain(value)))) return;\n    this.#end('reset');\n    this.value = value;\n  }\n\n  override _updateFormState() {\n    if (!this.name || !this.value) {\n      this._internals.setFormValue(null, this.valueAsString);\n      return;\n    }\n    const data = new FormData();\n    data.set(`${this.name}-x`, `${this.value.x}`);\n    data.set(`${this.name}-y`, `${this.value.y}`);\n    this._internals.setFormValue(data, this.valueAsString);\n  }\n\n  #constrain({ x, y }: JoystickValue): JoystickValue {\n    const constraint = this.hasUpdated ? this.constraint : (this.getAttribute('constraint') ?? this.constraint);\n    if (constraint === 'circle') {\n      const length = Math.max(1, Math.hypot(x, y));\n      return { x: x / length, y: y / length };\n    }\n    return {\n      x: constraint === 'vertical' ? 0 : Math.max(-1, Math.min(1, x)),\n      y: constraint === 'horizontal' ? 0 : Math.max(-1, Math.min(1, y))\n    };\n  }\n\n  #begin(session: Session) {\n    this.#session = session;\n    this.#lastInput = undefined;\n    // A later interaction can report identical text after an empty region.\n    this.#announcement = '';\n    this.requestUpdate();\n    this._internals.states.add('active');\n    this.dispatchEvent(\n      new CustomEvent<JoystickInteractionStart>('interaction-start', {\n        bubbles: true,\n        composed: true,\n        detail: { source: session.source }\n      })\n    );\n    this.#checkAvailability();\n  }\n\n  #input(value: JoystickValue) {\n    if (sameVector(this.value, value)) return;\n    this.#writingInput = true;\n    try {\n      this.value = value;\n    } finally {\n      this.#writingInput = false;\n    }\n    if (this.#session) this.#lastInput = value;\n    if (this.#session) this.#session.changed = true;\n    this.dispatchInputEvent();\n    this.#checkAvailability();\n    if (this.#session && this.#lastInput === value) this.#queueFeedback(value, 'position');\n  }\n\n  #end(reason: JoystickInteractionEnd['reason']) {\n    const session = this.#session;\n    if (!session) return;\n    const lastInput = this.#lastInput;\n    this.#session = undefined;\n    this.#keys.clear();\n    this._internals.states.delete('active');\n    this.#releasePointer(session.pointerId);\n    if (reason !== 'reset' && (reason !== 'release' || this.release !== 'hold')) {\n      this.#input({ x: 0, y: 0 });\n    }\n    this.#finishFeedback(reason, this.#lastInput ? lastInput : undefined);\n    if (reason === 'release' && session.changed) this.dispatchChangeEvent();\n    this.dispatchEvent(\n      new CustomEvent<JoystickInteractionEnd>('interaction-end', {\n        bubbles: true,\n        composed: true,\n        detail: { source: session.source, reason }\n      })\n    );\n  }\n\n  #finishFeedback(reason: JoystickInteractionEnd['reason'], lastInput: JoystickValue | undefined) {\n    if (reason === 'escape') {\n      if (sameVector(this.value, { x: 0, y: 0 })) this.#queueFeedback({ x: 0, y: 0 }, 'position');\n    } else if (reason === 'release' && lastInput) {\n      if (this.release === 'hold' && sameVector(this.value, lastInput)) this.#queueFeedback(lastInput, 'position');\n      else if (this.release !== 'hold' && sameVector(this.value, { x: 0, y: 0 }))\n        this.#queueFeedback(lastInput, 'return');\n    } else {\n      this.#clearFeedback();\n    }\n  }\n\n  #describePosition(value: JoystickValue | undefined): string {\n    if (!value) return this.i18n.joystickNoPosition ?? i18nDefaults.joystickNoPosition;\n    let formatter: Intl.NumberFormat;\n    const options = { maximumFractionDigits: 6, useGrouping: false };\n    try {\n      formatter = new Intl.NumberFormat(globalThis.document?.documentElement.lang || undefined, options);\n    } catch {\n      formatter = new Intl.NumberFormat(undefined, options);\n    }\n    const format = (number: number) => formatter.format(Number(number.toFixed(6)) || 0);\n    return (this.i18n.joystickPosition ?? '').replaceAll('{x}', format(value.x)).replaceAll('{y}', format(value.y));\n  }\n\n  get #canAnnounce() {\n    return (\n      this.isConnected &&\n      this.matches(':focus') &&\n      !this.disabled &&\n      !this.readOnly &&\n      this.announce !== 'off' &&\n      !globalThis.document.hidden\n    );\n  }\n\n  #queueFeedback(value: JoystickValue, kind: 'position' | 'return') {\n    if (!this.#canAnnounce) return;\n    this.#pendingFeedback = { value, kind };\n    if (this.#announcementTimer !== undefined) return;\n    this.#announcementTimer = setTimeout(() => {\n      this.#announcementTimer = undefined;\n      const feedback = this.#pendingFeedback;\n      this.#pendingFeedback = undefined;\n      if (!feedback || !this.#canAnnounce) return;\n      const position = this.#describePosition(feedback.value);\n      const message =\n        feedback.kind === 'return' ? this.i18n.joystickReturnedToCenter?.replaceAll('{position}', position) : position;\n      if (!message || message === this.#announcement) return;\n      this.#announcement = message;\n      this.requestUpdate();\n    }, 500);\n  }\n\n  #clearFeedback() {\n    clearTimeout(this.#announcementTimer);\n    this.#announcementTimer = undefined;\n    this.#pendingFeedback = undefined;\n    if (this.#announcement) {\n      this.#announcement = '';\n      this.requestUpdate();\n    }\n  }\n\n  #releasePointer(pointerId: number | undefined) {\n    if (pointerId === undefined) return;\n    if (this.hasPointerCapture(pointerId)) this.releasePointerCapture(pointerId);\n    this.#gestureController.target = undefined;\n    if (this.isConnected && this.hasUpdated) this.#gestureController.target = this;\n  }\n\n  #checkAvailability() {\n    if (this.disabled || this.readOnly) {\n      this.#end(this.disabled ? 'disabled' : 'readonly');\n      this.#clearFeedback();\n    }\n  }\n\n  #movePointer(event: PointerEvent) {\n    const bounds = this.shadowRoot?.querySelector('.travel')?.getBoundingClientRect();\n    if (!bounds || bounds.width <= 0 || bounds.height <= 0) return;\n    this.#input(\n      this.#constrain({\n        x: ((event.clientX - bounds.left) / bounds.width) * 2 - 1,\n        y: ((event.clientY - bounds.top) / bounds.height) * 2 - 1\n      })\n    );\n  }\n\n  #handleGestureInput = (event: Event) => {\n    if (!(event instanceof CustomEvent)) return;\n    const input: GestureInput = event.detail;\n    this.#checkAvailability();\n    if (input.kind === 'pointerdown') {\n      this.#startPointer(input);\n    } else if (input.kind === 'pointerend' && this.#session?.pointerId === input.event.pointerId) {\n      if (!input.interrupted) this.#movePointer(input.event);\n      this.#end(input.interrupted ? (input.reason === 'cancel' ? 'pointer-cancel' : 'lost-capture') : 'release');\n    }\n  };\n\n  #startPointer(input: Extract<GestureInput, { kind: 'pointerdown' }>) {\n    if (!this.hasUpdated || this.disabled || this.readOnly || this.#session || input.event.button !== 0) return;\n    if (!input.claim({ kind: 'drag' })) return;\n    input.event.preventDefault();\n    // Touch controls can operate together without transferring keyboard focus.\n    if (input.event.pointerType !== 'touch') this.focus({ preventScroll: true });\n    this.#begin({ source: 'pointer', pointerId: input.event.pointerId, changed: false });\n    if (this.#session) this.#movePointer(input.event);\n  }\n\n  #handleGesture = (event: Event) => {\n    if (!(event instanceof CustomEvent)) return;\n    const gesture: Gesture<undefined> = event.detail;\n    this.#checkAvailability();\n    if (gesture.kind === 'drag' && this.#session?.pointerId === gesture.event.pointerId) {\n      this.#movePointer(gesture.event);\n    }\n  };\n\n  #handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && this.#session) {\n      event.preventDefault();\n      this.#end('escape');\n      return;\n    }\n    const direction = directions[event.key];\n    if (!direction || !this.#acceptKey(event, direction)) return;\n    event.preventDefault();\n    this.#keys.add(event.key);\n    if (!this.#session) this.#begin({ source: 'keyboard', changed: false });\n    if (!this.#session) return;\n    this.#moveKey(direction);\n  };\n\n  #moveKey(direction: JoystickValue) {\n    const step = this.#step;\n    const value = this.value ?? { x: 0, y: 0 };\n    this.#input(\n      this.#constrain({\n        x: Number((value.x + direction.x * step).toFixed(6)),\n        y: Number((value.y + direction.y * step).toFixed(6))\n      })\n    );\n  }\n\n  get #step() {\n    return Number.isFinite(this.keyboardStep) && this.keyboardStep > 0 && this.keyboardStep <= 1\n      ? this.keyboardStep\n      : 0.1;\n  }\n\n  #acceptKey(event: KeyboardEvent, direction: JoystickValue) {\n    if (event.altKey || event.ctrlKey || event.metaKey || this.disabled || this.readOnly) return false;\n    if (this.#session?.source === 'pointer') return false;\n    if (this.constraint === 'horizontal') return direction.y === 0;\n    if (this.constraint === 'vertical') return direction.x === 0;\n    return true;\n  }\n\n  #handleKeyUp = (event: KeyboardEvent) => {\n    if (this.#session?.source !== 'keyboard' || !this.#keys.delete(event.key)) return;\n    event.preventDefault();\n    if (!this.#keys.size) this.#end('release');\n  };\n\n  #handleBlur = () => {\n    this.#checkAvailability();\n    this.#end('blur');\n    this.#clearFeedback();\n  };\n  #handleVisibility = () => {\n    if (globalThis.document.hidden) {\n      this.#end('hidden');\n      this.#clearFeedback();\n    }\n  };\n}\n\nfunction isVector(value: unknown): value is JoystickValue {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'x' in value &&\n    'y' in value &&\n    typeof value.x === 'number' &&\n    typeof value.y === 'number' &&\n    Number.isFinite(value.x) &&\n    Number.isFinite(value.y) &&\n    Object.keys(value).length === 2\n  );\n}\n\nfunction sameVector(first: JoystickValue | undefined, second: JoystickValue): boolean {\n  return first !== undefined && Math.abs(first.x - second.x) < 1e-12 && Math.abs(first.y - second.y) < 1e-12;\n}\n"],"mappings":"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"}
+{"version":3,"file":"joystick2.js","names":["styles","_decorate","__decorate","joystick_default","i18nDefaults","directions","Joystick","FormControlMixin","LitElement","useStyles","name","oldValue","newValue","#ownsTabIndex","value","#checkAvailability","#i18nController","I18nController","#announcement","#writingInput","#gestureController","GestureController","#keys","#resetting","#handleGestureInput","event","input","#startPointer","#session","#movePointer","#end","#handleGesture","gesture","#handleKeyDown","direction","#acceptKey","#begin","#moveKey","#handleKeyUp","#handleBlur","#clearFeedback","#handleVisibility","tabIndex","ownsTabIndex","isServer","changes","#constrain","sameVector","#description","position","#describePosition","styleMap","nextValue","isVector","#lastInput","state","data","constraint","length","x","y","session","#queueFeedback","lastInput","#releasePointer","reason","#input","#finishFeedback","formatter","options","format","number","#canAnnounce","#pendingFeedback","#announcementTimer","feedback","message","pointerId","bounds","step","#step","property","first","second"],"sources":["../../src/joystick/joystick.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, isServer, LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixins';\nimport { GestureController, type Gesture, type GestureInput, type Size } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './joystick.css?inline';\n\nexport interface JoystickValue {\n  readonly x: number;\n  readonly y: number;\n}\n\nexport type JoystickConstraint = 'circle' | 'square' | 'horizontal' | 'vertical';\nexport type JoystickRelease = 'center' | 'hold';\n\nexport interface JoystickInteractionStart {\n  readonly source: 'pointer' | 'keyboard';\n}\n\nexport interface JoystickInteractionEnd extends JoystickInteractionStart {\n  readonly reason:\n    | 'release'\n    | 'escape'\n    | 'pointer-cancel'\n    | 'lost-capture'\n    | 'blur'\n    | 'hidden'\n    | 'disabled'\n    | 'readonly'\n    | 'configuration-change'\n    | 'reset'\n    | 'disconnect';\n}\n\ntype Session = JoystickInteractionStart & { pointerId?: number; changed: boolean };\n\nconst i18nDefaults = {\n  joystickPosition: 'X {x}, Y {y}.',\n  joystickNoPosition: 'No position.',\n  joystickInstructions:\n    'Use arrow keys to adjust the enabled axes. Release to return to center. Press Escape to cancel.',\n  joystickHoldInstructions:\n    'Use arrow keys to adjust the enabled axes. Release to keep the position. Escape and interruptions return to center.',\n  joystickReturnedToCenter: '{position} Returned to center.'\n} satisfies I18nDefaults;\n\nconst directions: Record<string, JoystickValue> = {\n  ArrowLeft: { x: -1, y: 0 },\n  ArrowRight: { x: 1, y: 0 },\n  ArrowUp: { x: 0, y: -1 },\n  ArrowDown: { x: 0, y: 1 }\n};\n\n/* eslint-disable jsdoc/no-types -- The metadata analyzer needs the inherited generic value type. */\n/**\n * @element nve-joystick\n * @description A joystick selects a normalized two-axis vector with pointer or keyboard input.\n * Applications own physical units, coordinate frames, input shaping, publishing cadence, recording clocks,\n * command-outcome feedback, and alternative controls when needed.\n *\n * Give each joystick an accessible name with a label, aria-label, or aria-labelledby.\n * Editable controls use the application role to receive two-axis keyboard input.\n * The default accessible description includes both normalized coordinates, keyboard instructions, and release behavior.\n * A locked axis stays at zero; an absent value reads \"No position.\" Disabled and read-only controls omit instructions.\n * Coordinates use up to six decimal places and the document language for number formatting.\n * An explicit aria-description or aria-describedby replaces the default focus description through standard ARIA precedence;\n * it does not disable live announcements.\n * @documentation https://nvidia.github.io/elements/docs/elements/joystick/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/joystick\n * @property {JoystickValue | undefined} value - The normalized vector: positive x points right and positive y points down, independent of text direction. Assign a complete finite object within the selected constraint. Invalid vectors throw TypeError without replacing the previous value. Programmatic writes do not dispatch input or change events. Use undefined for an absent sample and a zero vector for recorded neutral input. Set readOnly before assigning replay ownership. User input can replace external writes during an interaction.\n * @attribute {string} value - A JSON object containing normalized x and y coordinates.\n * @event input - Dispatched after user input changes the vector, including a return to neutral. Read .value for the current vector. A held position does not generate repeated events. Publish commands at an application-controlled cadence.\n * @event change - Dispatched after a normal interaction completes and produces input. Cancellation sends any necessary neutral input without change.\n * @event interaction-start - Dispatched with the pointer or keyboard source after setting :state(active), including engagement at neutral.\n * @event interaction-end - Dispatched with the source and terminal reason after clearing :state(active). Interruption first sends any necessary neutral input. Reset restores the declared default without value events. Detached events cannot bubble to former ancestors.\n * @cssprop --width\n * @cssprop --height\n * @cssprop --background\n * @cssprop --opacity - Background opacity when the opacity flag is present. Defaults to 0.6. The border, crosshair, thumb, and focus indicator keep their opacity.\n * @cssprop --border\n * @cssprop --thumb-width\n * @cssprop --thumb-height\n * @cssprop --thumb-background\n * @cssprop --thumb-border\n * @stable false\n */\nexport class Joystick extends FormControlMixin<typeof LitElement, JoystickValue>(LitElement) {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-joystick',\n    version: '0.0.0',\n    valueSchema: {\n      type: 'object' as const,\n      properties: {\n        x: { type: 'number' as const, minimum: -1, maximum: 1 },\n        y: { type: 'number' as const, minimum: -1, maximum: 1 }\n      },\n      required: ['x', 'y'],\n      additionalProperties: false\n    }\n  };\n\n  /**\n   * Constrains the movement region or selects one axis. Circle limits vector magnitude to one;\n   * square permits both axes at full scale and a magnitude of up to Math.SQRT2.\n   * With equally scaled planar velocity axes, square corners allow about 41% greater speed.\n   * Mixed forward-velocity and turning-rate axes have no common physical magnitude.\n   * Changing the constraint projects the current value silently and cancels an active interaction.\n   */\n  @property({ type: String, reflect: true }) constraint: JoystickConstraint = 'circle';\n\n  /** Sets surface and thumb size. At the default font size, sm is 104px, md is 130px, and lg is 156px. */\n  @property({ type: String, reflect: true }) size: Size = 'md';\n\n  /** Enables background transparency using the --opacity CSS custom property. */\n  @property({ type: Boolean, reflect: true }) opacity = false;\n\n  /**\n   * Determines whether normal release returns to center or holds the final vector.\n   * Interrupted interactions return to neutral in either mode. Form reset restores the declared default instead.\n   */\n  @property({ type: String, reflect: true }) release: JoystickRelease = 'center';\n\n  /**\n   * Sets the normalized increment for each arrow key press. Repeated presses continue adjusting;\n   * releasing the final arrow applies the release behavior. Escape cancels the interaction.\n   * Invalid steps fall back to 0.1. Modifier shortcuts and locked-axis directions remain available to the browser.\n   */\n  @property({ type: Number, attribute: 'keyboard-step' }) keyboardStep = 0.1;\n\n  /**\n   * Controls automatic position announcements. Focused user input produces polite announcements at most every 500 ms.\n   * A quick tap in center mode reports the input coordinates and the return to center.\n   * Escape announces the resulting coordinates without a separate cancellation message.\n   * Programmatic writes and read-only playback update the description without live announcements.\n   * Set off when the application supplies spoken output, the position description on focus remains available.\n   */\n  @property({ type: String }) announce: 'polite' | 'off' = 'polite';\n\n  readonly #i18nController: I18nController<this> = new I18nController(this, i18nDefaults);\n\n  /** Enables updating internal string values for internationalization. */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  #announcement = '';\n  #pendingFeedback?: { value: JoystickValue; kind: 'position' | 'return' };\n  #announcementTimer?: ReturnType<typeof setTimeout>;\n  #lastInput?: JoystickValue;\n  #writingInput = false;\n\n  readonly #gestureController = new GestureController(this, {\n    touchAction: () => (this.disabled || this.readOnly ? undefined : 'none'),\n    suppressNativeDrag: true\n  });\n  readonly #keys = new Set<string>();\n  #session?: Session;\n  #resetting = false;\n  #ownsTabIndex = false;\n\n  static override get observedAttributes() {\n    return [...super.observedAttributes, 'tabindex'];\n  }\n\n  override attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n    super.attributeChangedCallback(name, oldValue, newValue);\n    if (name === 'tabindex') this.#ownsTabIndex = false;\n  }\n\n  override get disabled(): boolean {\n    return super.disabled;\n  }\n\n  override set disabled(value: boolean | unknown) {\n    super.disabled = Boolean(value);\n    this.#checkAvailability();\n  }\n\n  override get readOnly(): boolean {\n    return super.readOnly;\n  }\n\n  override set readOnly(value: boolean | unknown) {\n    super.readOnly = Boolean(value);\n    this.#checkAvailability();\n  }\n\n  constructor() {\n    super();\n    this.value = { x: 0, y: 0 };\n  }\n\n  connectedCallback() {\n    const tabIndex = this.getAttribute('tabindex');\n    const ownsTabIndex = this.#ownsTabIndex || tabIndex === null;\n    super.connectedCallback();\n    // The forms mixin assigns tabindex on connection; keep the caller's focus order.\n    if (tabIndex !== null) this.setAttribute('tabindex', tabIndex);\n    this.#ownsTabIndex = ownsTabIndex;\n    if (this.hasUpdated) this.#gestureController.target = this;\n    this.addEventListener('nve-gesture-input', this.#handleGestureInput);\n    this.addEventListener('nve-gesture', this.#handleGesture);\n    this.addEventListener('keydown', this.#handleKeyDown);\n    this.addEventListener('keyup', this.#handleKeyUp);\n    this.addEventListener('blur', this.#handleBlur);\n    globalThis.window?.addEventListener('blur', this.#handleBlur);\n    globalThis.document?.addEventListener('visibilitychange', this.#handleVisibility);\n  }\n\n  disconnectedCallback() {\n    this.#end('disconnect');\n    this.#clearFeedback();\n    this.removeEventListener('nve-gesture-input', this.#handleGestureInput);\n    this.removeEventListener('nve-gesture', this.#handleGesture);\n    this.removeEventListener('keydown', this.#handleKeyDown);\n    this.removeEventListener('keyup', this.#handleKeyUp);\n    this.removeEventListener('blur', this.#handleBlur);\n    globalThis.window?.removeEventListener('blur', this.#handleBlur);\n    globalThis.document?.removeEventListener('visibilitychange', this.#handleVisibility);\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    this.#gestureController.target = this;\n  }\n\n  willUpdate(changes: PropertyValues<this>) {\n    // Lit SSR converts reactive attributes without invoking the forms mixin callback.\n    if (isServer && this.hasAttribute('value')) this._handleAttributeChange('value', this.getAttribute('value'));\n    this.#checkAvailability();\n    if (this.announce === 'off') this.#clearFeedback();\n    if (changes.has('constraint') || changes.has('release') || changes.has('keyboardStep')) {\n      this.#end('configuration-change');\n      this.#clearFeedback();\n      if (this.value) {\n        const value = this.#constrain(this.value);\n        if (!sameVector(this.value, value)) this.value = value;\n      }\n    }\n  }\n\n  updated() {\n    if (this.#ownsTabIndex || !this.hasAttribute('tabindex')) {\n      this.tabIndex = this.disabled ? -1 : 0;\n      this.#ownsTabIndex = true;\n    }\n    // Editable joysticks own the two-axis keyboard interaction, including release and cancellation.\n    this._internals.role = this.disabled || this.readOnly ? 'group' : 'application';\n    this._internals.ariaLabel = this.ariaLabel || this.composedLabel || null;\n    this._internals.ariaReadOnly = null;\n    this._internals.ariaDescription = this.#description;\n  }\n\n  get #description() {\n    const position = this.#describePosition(this.value);\n    if (this.disabled || this.readOnly) return position;\n    const instructions = this.release === 'hold' ? this.i18n.joystickHoldInstructions : this.i18n.joystickInstructions;\n    return `${position} ${instructions}`;\n  }\n\n  render() {\n    const value = this.value ?? { x: 0, y: 0 };\n    return html`\n      <div internal-host aria-hidden=\"true\">\n        <div class=\"background\"></div>\n        <div class=\"travel\">\n          <div class=\"thumb\" ?hidden=${!this.value} style=${styleMap({ left: `${(value.x + 1) * 50}%`, top: `${(value.y + 1) * 50}%` })}></div>\n        </div>\n      </div>\n      <span class=\"announcement\" role=\"status\" aria-live=${this.announce === 'off' ? 'off' : 'polite'} aria-atomic=\"true\">${this.#announcement}</span>\n    `;\n  }\n\n  override updateValue(value: JoystickValue) {\n    // Only project the default assignment; writes from reset listeners still use strict validation.\n    const nextValue = this.#resetting && isVector(value) ? this.#constrain(value) : value;\n    this.#resetting = false;\n    if (nextValue !== undefined && (!isVector(nextValue) || !sameVector(nextValue, this.#constrain(nextValue)))) {\n      throw new TypeError('Joystick value must contain finite x and y coordinates within its constraint.');\n    }\n    super.updateValue(nextValue);\n    if (!this.#writingInput) {\n      this.#lastInput = undefined;\n      this.#clearFeedback();\n    }\n  }\n\n  override reset() {\n    this.#end('reset');\n    this.#clearFeedback();\n    this.#resetting = true;\n    try {\n      super.reset();\n    } finally {\n      this.#resetting = false;\n    }\n  }\n\n  override formStateRestoreCallback(state: unknown, _reason?: string) {\n    if (typeof state !== 'string') return;\n    let value: unknown;\n    try {\n      value = state === '' ? undefined : JSON.parse(state);\n    } catch {\n      return;\n    }\n    if (value !== undefined && (!isVector(value) || !sameVector(value, this.#constrain(value)))) return;\n    this.#end('reset');\n    this.value = value;\n  }\n\n  override _updateFormState() {\n    if (!this.name || !this.value) {\n      this._internals.setFormValue(null, this.valueAsString);\n      return;\n    }\n    const data = new FormData();\n    data.set(`${this.name}-x`, `${this.value.x}`);\n    data.set(`${this.name}-y`, `${this.value.y}`);\n    this._internals.setFormValue(data, this.valueAsString);\n  }\n\n  #constrain({ x, y }: JoystickValue): JoystickValue {\n    const constraint = this.hasUpdated ? this.constraint : (this.getAttribute('constraint') ?? this.constraint);\n    if (constraint === 'circle') {\n      const length = Math.max(1, Math.hypot(x, y));\n      return { x: x / length, y: y / length };\n    }\n    return {\n      x: constraint === 'vertical' ? 0 : Math.max(-1, Math.min(1, x)),\n      y: constraint === 'horizontal' ? 0 : Math.max(-1, Math.min(1, y))\n    };\n  }\n\n  #begin(session: Session) {\n    this.#session = session;\n    this.#lastInput = undefined;\n    // A later interaction can report identical text after an empty region.\n    this.#announcement = '';\n    this.requestUpdate();\n    this._internals.states.add('active');\n    this.dispatchEvent(\n      new CustomEvent<JoystickInteractionStart>('interaction-start', {\n        bubbles: true,\n        composed: true,\n        detail: { source: session.source }\n      })\n    );\n    this.#checkAvailability();\n  }\n\n  #input(value: JoystickValue) {\n    if (sameVector(this.value, value)) return;\n    this.#writingInput = true;\n    try {\n      this.value = value;\n    } finally {\n      this.#writingInput = false;\n    }\n    if (this.#session) this.#lastInput = value;\n    if (this.#session) this.#session.changed = true;\n    this.dispatchInputEvent();\n    this.#checkAvailability();\n    if (this.#session && this.#lastInput === value) this.#queueFeedback(value, 'position');\n  }\n\n  #end(reason: JoystickInteractionEnd['reason']) {\n    const session = this.#session;\n    if (!session) return;\n    const lastInput = this.#lastInput;\n    this.#session = undefined;\n    this.#keys.clear();\n    this._internals.states.delete('active');\n    this.#releasePointer(session.pointerId);\n    if (reason !== 'reset' && (reason !== 'release' || this.release !== 'hold')) {\n      this.#input({ x: 0, y: 0 });\n    }\n    this.#finishFeedback(reason, this.#lastInput ? lastInput : undefined);\n    if (reason === 'release' && session.changed) this.dispatchChangeEvent();\n    this.dispatchEvent(\n      new CustomEvent<JoystickInteractionEnd>('interaction-end', {\n        bubbles: true,\n        composed: true,\n        detail: { source: session.source, reason }\n      })\n    );\n  }\n\n  #finishFeedback(reason: JoystickInteractionEnd['reason'], lastInput: JoystickValue | undefined) {\n    if (reason === 'escape') {\n      if (sameVector(this.value, { x: 0, y: 0 })) this.#queueFeedback({ x: 0, y: 0 }, 'position');\n    } else if (reason === 'release' && lastInput) {\n      if (this.release === 'hold' && sameVector(this.value, lastInput)) this.#queueFeedback(lastInput, 'position');\n      else if (this.release !== 'hold' && sameVector(this.value, { x: 0, y: 0 }))\n        this.#queueFeedback(lastInput, 'return');\n    } else {\n      this.#clearFeedback();\n    }\n  }\n\n  #describePosition(value: JoystickValue | undefined): string {\n    if (!value) return this.i18n.joystickNoPosition ?? i18nDefaults.joystickNoPosition;\n    let formatter: Intl.NumberFormat;\n    const options = { maximumFractionDigits: 6, useGrouping: false };\n    try {\n      formatter = new Intl.NumberFormat(globalThis.document?.documentElement.lang || undefined, options);\n    } catch {\n      formatter = new Intl.NumberFormat(undefined, options);\n    }\n    const format = (number: number) => formatter.format(Number(number.toFixed(6)) || 0);\n    return (this.i18n.joystickPosition ?? '').replaceAll('{x}', format(value.x)).replaceAll('{y}', format(value.y));\n  }\n\n  get #canAnnounce() {\n    return (\n      this.isConnected &&\n      this.matches(':focus') &&\n      !this.disabled &&\n      !this.readOnly &&\n      this.announce !== 'off' &&\n      !globalThis.document.hidden\n    );\n  }\n\n  #queueFeedback(value: JoystickValue, kind: 'position' | 'return') {\n    if (!this.#canAnnounce) return;\n    this.#pendingFeedback = { value, kind };\n    if (this.#announcementTimer !== undefined) return;\n    this.#announcementTimer = setTimeout(() => {\n      this.#announcementTimer = undefined;\n      const feedback = this.#pendingFeedback;\n      this.#pendingFeedback = undefined;\n      if (!feedback || !this.#canAnnounce) return;\n      const position = this.#describePosition(feedback.value);\n      const message =\n        feedback.kind === 'return' ? this.i18n.joystickReturnedToCenter?.replaceAll('{position}', position) : position;\n      if (!message || message === this.#announcement) return;\n      this.#announcement = message;\n      this.requestUpdate();\n    }, 500);\n  }\n\n  #clearFeedback() {\n    clearTimeout(this.#announcementTimer);\n    this.#announcementTimer = undefined;\n    this.#pendingFeedback = undefined;\n    if (this.#announcement) {\n      this.#announcement = '';\n      this.requestUpdate();\n    }\n  }\n\n  #releasePointer(pointerId: number | undefined) {\n    if (pointerId === undefined) return;\n    if (this.hasPointerCapture(pointerId)) this.releasePointerCapture(pointerId);\n    this.#gestureController.target = undefined;\n    if (this.isConnected && this.hasUpdated) this.#gestureController.target = this;\n  }\n\n  #checkAvailability() {\n    if (this.disabled || this.readOnly) {\n      this.#end(this.disabled ? 'disabled' : 'readonly');\n      this.#clearFeedback();\n    }\n  }\n\n  #movePointer(event: PointerEvent) {\n    const bounds = this.shadowRoot?.querySelector('.travel')?.getBoundingClientRect();\n    if (!bounds || bounds.width <= 0 || bounds.height <= 0) return;\n    this.#input(\n      this.#constrain({\n        x: ((event.clientX - bounds.left) / bounds.width) * 2 - 1,\n        y: ((event.clientY - bounds.top) / bounds.height) * 2 - 1\n      })\n    );\n  }\n\n  #handleGestureInput = (event: Event) => {\n    if (!(event instanceof CustomEvent)) return;\n    const input: GestureInput = event.detail;\n    this.#checkAvailability();\n    if (input.kind === 'pointerdown') {\n      this.#startPointer(input);\n    } else if (input.kind === 'pointerend' && this.#session?.pointerId === input.event.pointerId) {\n      if (!input.interrupted) this.#movePointer(input.event);\n      this.#end(input.interrupted ? (input.reason === 'cancel' ? 'pointer-cancel' : 'lost-capture') : 'release');\n    }\n  };\n\n  #startPointer(input: Extract<GestureInput, { kind: 'pointerdown' }>) {\n    if (!this.hasUpdated || this.disabled || this.readOnly || this.#session || input.event.button !== 0) return;\n    if (!input.claim({ kind: 'drag' })) return;\n    input.event.preventDefault();\n    // Touch controls can operate together without transferring keyboard focus.\n    if (input.event.pointerType !== 'touch') this.focus({ preventScroll: true });\n    this.#begin({ source: 'pointer', pointerId: input.event.pointerId, changed: false });\n    if (this.#session) this.#movePointer(input.event);\n  }\n\n  #handleGesture = (event: Event) => {\n    if (!(event instanceof CustomEvent)) return;\n    const gesture: Gesture<undefined> = event.detail;\n    this.#checkAvailability();\n    if (gesture.kind === 'drag' && this.#session?.pointerId === gesture.event.pointerId) {\n      this.#movePointer(gesture.event);\n    }\n  };\n\n  #handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && this.#session) {\n      event.preventDefault();\n      this.#end('escape');\n      return;\n    }\n    const direction = directions[event.key];\n    if (!direction || !this.#acceptKey(event, direction)) return;\n    event.preventDefault();\n    this.#keys.add(event.key);\n    if (!this.#session) this.#begin({ source: 'keyboard', changed: false });\n    if (!this.#session) return;\n    this.#moveKey(direction);\n  };\n\n  #moveKey(direction: JoystickValue) {\n    const step = this.#step;\n    const value = this.value ?? { x: 0, y: 0 };\n    this.#input(\n      this.#constrain({\n        x: Number((value.x + direction.x * step).toFixed(6)),\n        y: Number((value.y + direction.y * step).toFixed(6))\n      })\n    );\n  }\n\n  get #step() {\n    return Number.isFinite(this.keyboardStep) && this.keyboardStep > 0 && this.keyboardStep <= 1\n      ? this.keyboardStep\n      : 0.1;\n  }\n\n  #acceptKey(event: KeyboardEvent, direction: JoystickValue) {\n    if (event.altKey || event.ctrlKey || event.metaKey || this.disabled || this.readOnly) return false;\n    if (this.#session?.source === 'pointer') return false;\n    if (this.constraint === 'horizontal') return direction.y === 0;\n    if (this.constraint === 'vertical') return direction.x === 0;\n    return true;\n  }\n\n  #handleKeyUp = (event: KeyboardEvent) => {\n    if (this.#session?.source !== 'keyboard' || !this.#keys.delete(event.key)) return;\n    event.preventDefault();\n    if (!this.#keys.size) this.#end('release');\n  };\n\n  #handleBlur = () => {\n    this.#checkAvailability();\n    this.#end('blur');\n    this.#clearFeedback();\n  };\n  #handleVisibility = () => {\n    if (globalThis.document.hidden) {\n      this.#end('hidden');\n      this.#clearFeedback();\n    }\n  };\n}\n\nfunction isVector(value: unknown): value is JoystickValue {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'x' in value &&\n    'y' in value &&\n    typeof value.x === 'number' &&\n    typeof value.y === 'number' &&\n    Number.isFinite(value.x) &&\n    Number.isFinite(value.y) &&\n    Object.keys(value).length === 2\n  );\n}\n\nfunction sameVector(first: JoystickValue | undefined, second: JoystickValue): boolean {\n  return first !== undefined && Math.abs(first.x - second.x) < 1e-12 && Math.abs(first.y - second.y) < 1e-12;\n}\n"],"mappings":"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"}

package/dist/logo/logo2.js

@@ -1,31 +1,32 @@
-import { attachInternals as e } from "../internal/utils/a11y.js";
-import { colorStateStyles as t, useStyles as n } from "../internal/styles/index.js";
-import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import i from "./logo.js";
-import { LitElement as a, html as o } from "lit";
-import { property as s } from "lit/decorators/property.js";
+import { colorStateStyles as e } from "../internal/styles/index.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import n from "./logo.js";
+import { attachInternals as r } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as i, html as a } from "lit";
+import { property as o } from "lit/decorators/property.js";
+import { useStyles as s } from "@nvidia-elements/foundations/internal/styles";
 // src/logo/logo.ts
-var c = class extends a {
+var c = class extends i {
 	static {
-		this.styles = n([i, t]);
+		this.styles = s([n, e]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-logo",
-			version: "2.23.3"
+			version: "2.23.5"
 		};
 	}
 	render() {
-		return o`<div internal-host><slot></slot></div>`;
+		return a`<div internal-host><slot></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this), this._internals.role = "img";
+		super.connectedCallback(), r(this), this._internals.role = "img";
 	}
 };
-r([s({
+t([o({
 	type: String,
 	reflect: !0
-})], c.prototype, "color", void 0), r([s({
+})], c.prototype, "color", void 0), t([o({
 	type: String,
 	reflect: !0
 })], c.prototype, "size", void 0);

package/dist/logo/logo2.js.map

@@ -1 +1 @@
-{"version":3,"file":"logo2.js","names":["styles","_decorate","__decorate","logo_default","Logo","LitElement","useStyles","colorStateStyles","attachInternals","property"],"sources":["../../src/logo/logo.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Color, Size } from '@nvidia-elements/core/internal';\nimport { useStyles, colorStateStyles, attachInternals } from '@nvidia-elements/core/internal';\nimport styles from './logo.css?inline';\n\n/**\n * @element nve-logo\n * @description A visual indicator for a brand or application.\n * @documentation https://nvidia.github.io/elements/docs/elements/logo/\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/logo\n * @slot - Text, an image, or other visual content representing the brand or application.\n * @cssprop --background\n * @cssprop --gap\n * @cssprop --color\n * @cssprop --height\n * @cssprop --width\n * @cssprop --font-size\n * @cssprop --border-radius\n * @cssprop --font-weight\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\nexport class Logo extends LitElement {\n  /**\n   * Visual treatment to represent unique color of an application\n   */\n  @property({ type: String, reflect: true }) color: Color;\n\n  /**\n   * Determines size of logo\n   */\n  @property({ type: String, reflect: true }) size?: Size;\n\n  static styles = useStyles([styles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-logo',\n    version: '0.0.0'\n  };\n\n  _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'img';\n  }\n}\n"],"mappings":";;;;;;;AA0BA,IAAaI,IAAb,cAA0BC,EAAW;;EAWnB,KAAA,SAAAC,EAAU,CAACN,GAAQO,CAAgB,CAAC;;;EAEzB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAIA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF;AA7BGP,EAAA,CAAAQ,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,SAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAQ,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,QAAA,KAAA,CAAA"}
+{"version":3,"file":"logo2.js","names":["styles","_decorate","__decorate","logo_default","Logo","LitElement","useStyles","colorStateStyles","attachInternals","property"],"sources":["../../src/logo/logo.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Color, Size } from '@nvidia-elements/core/internal';\nimport { colorStateStyles } from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './logo.css?inline';\n\n/**\n * @element nve-logo\n * @description A visual indicator for a brand or application.\n * @documentation https://nvidia.github.io/elements/docs/elements/logo/\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/logo\n * @slot - Text, an image, or other visual content representing the brand or application.\n * @cssprop --background\n * @cssprop --gap\n * @cssprop --color\n * @cssprop --height\n * @cssprop --width\n * @cssprop --font-size\n * @cssprop --border-radius\n * @cssprop --font-weight\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\nexport class Logo extends LitElement {\n  /**\n   * Visual treatment to represent unique color of an application\n   */\n  @property({ type: String, reflect: true }) color: Color;\n\n  /**\n   * Determines size of logo\n   */\n  @property({ type: String, reflect: true }) size?: Size;\n\n  static styles = useStyles([styles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-logo',\n    version: '0.0.0'\n  };\n\n  _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'img';\n  }\n}\n"],"mappings":";;;;;;;;AA4BA,IAAaI,IAAb,cAA0BC,EAAW;;EAWnB,KAAA,SAAAC,EAAU,CAACN,GAAQO,CAAgB,CAAC;;;EAEzB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAIA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF;AA7BGP,EAAA,CAAAQ,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,SAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAQ,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,QAAA,KAAA,CAAA"}

package/dist/menu/menu-group2.js

@@ -1,52 +1,52 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
-import { attachInternals as t } from "../internal/utils/a11y.js";
-import { TypeExpandableController as n } from "../internal/controllers/type-expandable.controller.js";
-import { scopedRegistry as r } from "../internal/decorators/scoped-registry.js";
-import { useStyles as i } from "../internal/styles/index.js";
-import a from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Icon as o } from "../icon/icon2.js";
-import s from "./menu-group.js";
-import { LitElement as c, html as l } from "lit";
-import { property as u } from "lit/decorators/property.js";
+import { TypeExpandableController as t } from "../internal/controllers/type-expandable.controller.js";
+import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { Icon as r } from "../icon/icon2.js";
+import i from "./menu-group.js";
+import { attachInternals as a } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as o, html as s } from "lit";
+import { property as c } from "lit/decorators/property.js";
+import { scopedRegistry as l } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as u } from "@nvidia-elements/foundations/internal/styles";
 // src/menu/menu-group.ts
-var d = class extends c {
+var d = class extends o {
 	constructor(...e) {
-		super(...e), this.expanded = !1, this.disabled = !1, this.behaviorExpand = !1, this.#e = new n(this), this.#t = () => {
+		super(...e), this.expanded = !1, this.disabled = !1, this.behaviorExpand = !1, this.#e = new t(this), this.#t = () => {
 			this.disabled || this.#e.toggle();
 		};
 	}
 	static {
-		this.styles = i([s]);
+		this.styles = u([i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-menu-group",
-			version: "2.23.3",
+			version: "2.23.5",
 			children: ["nve-menu"]
 		};
 	}
 	static {
-		this.elementDefinitions = { [o.metadata.tag]: o };
+		this.elementDefinitions = { [r.metadata.tag]: r };
 	}
 	#e;
 	render() {
-		return l`<div internal-host><button id="trigger" type="button" aria-expanded="${this.expanded}" ?disabled="${this.disabled}" aria-controls="content" @click="${this.#t}"><slot name="prefix"></slot><slot></slot><slot name="suffix"></slot><nve-icon part="caret" name="caret" direction="${this.expanded ? "down" : "right"}" size="sm" aria-hidden="true"></nve-icon></button><slot id="content" name="menu" ?hidden="${!this.expanded}"></slot></div>`;
+		return s`<div internal-host><button id="trigger" type="button" aria-expanded="${this.expanded}" ?disabled="${this.disabled}" aria-controls="content" @click="${this.#t}"><slot name="prefix"></slot><slot></slot><slot name="suffix"></slot><nve-icon part="caret" name="caret" direction="${this.expanded ? "down" : "right"}" size="sm" aria-hidden="true"></nve-icon></button><slot id="content" name="menu" ?hidden="${!this.expanded}"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), t(this), this._internals.role = "group";
+		super.connectedCallback(), a(this), this._internals.role = "group";
 	}
 	#t;
 };
-a([u({
+n([c({
 	type: Boolean,
 	reflect: !0
-})], d.prototype, "expanded", void 0), a([u({
+})], d.prototype, "expanded", void 0), n([c({
 	type: Boolean,
 	reflect: !0
-})], d.prototype, "disabled", void 0), a([u({
+})], d.prototype, "disabled", void 0), n([c({
 	type: Boolean,
 	attribute: "behavior-expand"
-})], d.prototype, "behaviorExpand", void 0), d = a([e(), r()], d);
+})], d.prototype, "behaviorExpand", void 0), d = n([e(), l()], d);
 export { d as MenuGroup };
 
 //# sourceMappingURL=menu-group2.js.map

package/dist/menu/menu-group2.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-group2.js","names":["styles","_decorate","__decorate","menu_group_default","MenuGroup","LitElement","_args","#typeExpandableController","TypeExpandableController","#toggle","useStyles","Icon","attachInternals","property","audit","scopedRegistry"],"sources":["../../src/menu/menu-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport {\n  attachInternals,\n  audit,\n  scopedRegistry,\n  TypeExpandableController,\n  useStyles\n} from '@nvidia-elements/core/internal';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './menu-group.css?inline';\n\n/**\n * @element nve-menu-group\n * @description Organizes related menu items under a disclosure header that can show or hide one child menu.\n * @documentation https://nvidia.github.io/elements/docs/elements/menu/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/menu\n * @command --open - Opens the menu group.\n * @command --close - Closes the menu group.\n * @command --toggle - Toggles the menu group.\n * @event open - Dispatched when the user requests that the menu group open.\n * @event close - Dispatched when the user requests that the menu group close.\n * @slot - Label content for the disclosure header.\n * @slot prefix - Non-interactive content before the header label, such as an icon or avatar.\n * @slot suffix - Non-interactive content after the header label, such as a badge or count.\n * @slot menu - One `nve-menu` containing the grouped menu items. Direct menus use this slot automatically in browsers; server-rendered menus must set `slot=\"menu\"` explicitly.\n * @cssprop --background\n * @cssprop --font-size\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --border-radius\n * @cssprop --color\n * @cssprop --width\n * @cssprop --min-height\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n * @stable false\n */\n@audit()\n@scopedRegistry()\nexport class MenuGroup extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-menu-group',\n    version: '0.0.0',\n    children: ['nve-menu']\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  /** Determines whether the child menu is visible. */\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  /** Prevents user activation of the disclosure header. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Determines whether user activation automatically updates the expanded state. */\n  @property({ type: Boolean, attribute: 'behavior-expand' }) behaviorExpand = false;\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #typeExpandableController = new TypeExpandableController(this);\n\n  render() {\n    return html`\n      <div internal-host>\n        <button\n          id=\"trigger\"\n          type=\"button\"\n          aria-expanded=${this.expanded}\n          ?disabled=${this.disabled}\n          aria-controls=\"content\"\n          @click=${this.#toggle}\n        >\n          <slot name=\"prefix\"></slot>\n          <slot></slot>\n          <slot name=\"suffix\"></slot>\n          <nve-icon\n            part=\"caret\"\n            name=\"caret\"\n            direction=${this.expanded ? 'down' : 'right'}\n            size=\"sm\"\n            aria-hidden=\"true\"\n          ></nve-icon>\n        </button>\n        <slot id=\"content\" name=\"menu\" ?hidden=${!this.expanded}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'group';\n  }\n\n  #toggle = () => {\n    if (!this.disabled) {\n      this.#typeExpandableController.toggle();\n    }\n  };\n}\n"],"mappings":";;;;;;;;;;;AA2CO,IAAMI,IAAN,cAAwBC,EAAW;;EA4DxB,A,aA9CuC,KAAA,WAAA,IAGA,KAAA,WAAA,IAGqB,KAAA,iBAAA,IAKhD,KAAAE,KAAA,IAAIC,EAAyB,IAAI,GAmC7C,KAAAC,WAAA;GACd,AAAK,KAAK,YACR,KAAKF,GAA0B,OAAO;EAE1C;;;EA/DgB,KAAA,SAAAG,EAAU,CAACV,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,UAAU;EACvB;;;EAE4B,KAAA,qBAAA,GACzBW,EAAK,SAAS,MAAMA,EACvB;;CAcA;CAEA,SAAS;EACP,OAAO,CAAI,wEAKW,KAAK,SAAS,eAClB,KAAK,SAAS,oCAEjB,KAAKF,GAAQ,sHAQR,KAAK,WAAW,SAAS,QAAQ,6FAKR,CAAC,KAAK,SAAS;CAG9D;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBG,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA;AAKF;AAnDGX,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,YAAA,KAAA,CAAA,GAGzCH,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,YAAA,KAAA,CAAA,GAGzCH,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAS,WAAW;AAAkB,CAAC,CAAA,GAAAT,EAAA,WAAA,kBAAA,KAAA,CAAA,GAtB1D,IAAAH,EAAA,CAAAa,EAAM,GACNC,EAAe,CAAA,GAAAX,CAAA"}
+{"version":3,"file":"menu-group2.js","names":["styles","_decorate","__decorate","menu_group_default","MenuGroup","LitElement","_args","#typeExpandableController","TypeExpandableController","#toggle","useStyles","Icon","attachInternals","property","audit","scopedRegistry"],"sources":["../../src/menu/menu-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { audit, TypeExpandableController } from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './menu-group.css?inline';\n\n/**\n * @element nve-menu-group\n * @description Organizes related menu items under a disclosure header that can show or hide one child menu.\n * @documentation https://nvidia.github.io/elements/docs/elements/menu/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/menu\n * @command --open - Opens the menu group.\n * @command --close - Closes the menu group.\n * @command --toggle - Toggles the menu group.\n * @event open - Dispatched when the user requests that the menu group open.\n * @event close - Dispatched when the user requests that the menu group close.\n * @slot - Label content for the disclosure header.\n * @slot prefix - Non-interactive content before the header label, such as an icon or avatar.\n * @slot suffix - Non-interactive content after the header label, such as a badge or count.\n * @slot menu - One `nve-menu` containing the grouped menu items. Direct menus use this slot automatically in browsers; server-rendered menus must set `slot=\"menu\"` explicitly.\n * @cssprop --background\n * @cssprop --font-size\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --border-radius\n * @cssprop --color\n * @cssprop --width\n * @cssprop --min-height\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n * @stable false\n */\n@audit()\n@scopedRegistry()\nexport class MenuGroup extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-menu-group',\n    version: '0.0.0',\n    children: ['nve-menu']\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  /** Determines whether the child menu is visible. */\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  /** Prevents user activation of the disclosure header. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Determines whether user activation automatically updates the expanded state. */\n  @property({ type: Boolean, attribute: 'behavior-expand' }) behaviorExpand = false;\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #typeExpandableController = new TypeExpandableController(this);\n\n  render() {\n    return html`\n      <div internal-host>\n        <button\n          id=\"trigger\"\n          type=\"button\"\n          aria-expanded=${this.expanded}\n          ?disabled=${this.disabled}\n          aria-controls=\"content\"\n          @click=${this.#toggle}\n        >\n          <slot name=\"prefix\"></slot>\n          <slot></slot>\n          <slot name=\"suffix\"></slot>\n          <nve-icon\n            part=\"caret\"\n            name=\"caret\"\n            direction=${this.expanded ? 'down' : 'right'}\n            size=\"sm\"\n            aria-hidden=\"true\"\n          ></nve-icon>\n        </button>\n        <slot id=\"content\" name=\"menu\" ?hidden=${!this.expanded}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'group';\n  }\n\n  #toggle = () => {\n    if (!this.disabled) {\n      this.#typeExpandableController.toggle();\n    }\n  };\n}\n"],"mappings":";;;;;;;;;;;AAwCO,IAAMI,IAAN,cAAwBC,EAAW;;EA4DxB,A,aA9CuC,KAAA,WAAA,IAGA,KAAA,WAAA,IAGqB,KAAA,iBAAA,IAKhD,KAAAE,KAAA,IAAIC,EAAyB,IAAI,GAmC7C,KAAAC,WAAA;GACd,AAAK,KAAK,YACR,KAAKF,GAA0B,OAAO;EAE1C;;;EA/DgB,KAAA,SAAAG,EAAU,CAACV,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,UAAU;EACvB;;;EAE4B,KAAA,qBAAA,GACzBW,EAAK,SAAS,MAAMA,EACvB;;CAcA;CAEA,SAAS;EACP,OAAO,CAAI,wEAKW,KAAK,SAAS,eAClB,KAAK,SAAS,oCAEjB,KAAKF,GAAQ,sHAQR,KAAK,WAAW,SAAS,QAAQ,6FAKR,CAAC,KAAK,SAAS;CAG9D;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBG,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA;AAKF;AAnDGX,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,YAAA,KAAA,CAAA,GAGzCH,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,YAAA,KAAA,CAAA,GAGzCH,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAS,WAAW;AAAkB,CAAC,CAAA,GAAAT,EAAA,WAAA,kBAAA,KAAA,CAAA,GAtB1D,IAAAH,EAAA,CAAAa,EAAM,GACNC,EAAe,CAAA,GAAAX,CAAA"}

package/dist/menu/menu-item2.js

@@ -1,19 +1,19 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
-import { useStyles as t } from "../internal/styles/index.js";
-import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import r from "./menu-item.js";
-import { LitElement as i, html as a } from "lit";
-import { property as o } from "lit/decorators/property.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import n from "./menu-item.js";
+import { LitElement as r, html as i } from "lit";
+import { property as a } from "lit/decorators/property.js";
+import { useStyles as o } from "@nvidia-elements/foundations/internal/styles";
 import { ButtonFormControlMixin as s } from "@nvidia-elements/forms/mixins";
 // src/menu/menu-item.ts
-var c = class extends s(i) {
+var c = class extends s(r) {
 	static {
-		this.styles = t([r]);
+		this.styles = o([n]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-menu-item",
-			version: "2.23.3",
+			version: "2.23.5",
 			parents: ["nve-menu"]
 		};
 	}
@@ -21,7 +21,7 @@ var c = class extends s(i) {
 		this.elementDefinitions = {};
 	}
 	render() {
-		return a`<div internal-host interaction-state focus-within part="_internal"><slot name="prefix" part="_prefix"></slot><slot part="_slot"></slot><slot name="suffix" part="_suffix"></slot></div>`;
+		return i`<div internal-host interaction-state focus-within part="_internal"><slot name="prefix" part="_prefix"></slot><slot part="_slot"></slot><slot name="suffix" part="_suffix"></slot></div>`;
 	}
 	constructor() {
 		super(), this.type = "button";
@@ -30,10 +30,10 @@ var c = class extends s(i) {
 		super.connectedCallback(), this._internals.role = "menuitem";
 	}
 };
-n([o({
+t([a({
 	type: String,
 	reflect: !0
-})], c.prototype, "status", void 0), c = n([e()], c);
+})], c.prototype, "status", void 0), c = t([e()], c);
 export { c as MenuItem };
 
 //# sourceMappingURL=menu-item2.js.map

package/dist/menu/menu-item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item2.js","names":["styles","_decorate","__decorate","menu_item_default","MenuItem","ButtonFormControlMixin","LitElement","useStyles","property","audit"],"sources":["../../src/menu/menu-item.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { ButtonFormControlMixin } from '@nvidia-elements/forms/mixins';\nimport { useStyles, audit } from '@nvidia-elements/core/internal';\nimport styles from './menu-item.css?inline';\n\n/**\n * @element nve-menu-item\n * @description Represents a selectable option within a menu, providing an interactive button for navigation or actions.\n * @documentation https://nvidia.github.io/elements/docs/elements/menu/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/menu\n * @slot - Label and supporting content for the menu option.\n * @slot prefix - slot for prefix icon\n * @slot suffix - slot for suffix icon\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --border-background\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @cssprop --min-height\n * @cssprop --line-height\n * @cssprop --cursor\n * @cssprop --opacity\n * @cssprop --text-transform\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n */\n@audit()\nexport class MenuItem extends ButtonFormControlMixin(LitElement) {\n  static styles = useStyles([styles]);\n\n  /** Applies danger styling to destructive or high-risk menu actions. */\n  @property({ type: String, reflect: true }) status: 'danger';\n\n  static readonly metadata = {\n    tag: 'nve-menu-item',\n    version: '0.0.0',\n    parents: ['nve-menu']\n  };\n\n  static elementDefinitions = {};\n\n  render() {\n    return html`\n      <div internal-host interaction-state focus-within part=\"_internal\">\n        <slot name=\"prefix\" part=\"_prefix\"></slot>\n        <slot part=\"_slot\"></slot>\n        <slot name=\"suffix\" part=\"_suffix\"></slot>\n      </div>\n    `;\n  }\n\n  constructor() {\n    super();\n    this.type = 'button';\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._internals.role = 'menuitem';\n  }\n}\n"],"mappings":";;;;;;;;AAoCO,IAAMI,IAAN,cAAuBC,EAAuBC,CAAU,CAAC,CAAC;;EAC/C,KAAA,SAAAC,EAAU,CAACP,CAAM,CAAC;;;EAKP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;EACtB;;;EAE4B,KAAA,qBAAA,CAAC;;CAE7B,SAAS;EACP,OAAO,CAAI;CAOb;CAEA,cAAc;EAEZ,AADA,MAAM,GACN,KAAK,OAAO;CACd;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,WAAW,OAAO;CACzB;AACF;AA7BGC,EAAA,CAAAO,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAJ,EAAA,WAAA,UAAA,KAAA,CAAA,GAL1C,IAAAH,EAAA,CAAAQ,EAAM,CAAA,GAAAL,CAAA"}
+{"version":3,"file":"menu-item2.js","names":["styles","_decorate","__decorate","menu_item_default","MenuItem","ButtonFormControlMixin","LitElement","useStyles","property","audit"],"sources":["../../src/menu/menu-item.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { ButtonFormControlMixin } from '@nvidia-elements/forms/mixins';\nimport { audit } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './menu-item.css?inline';\n\n/**\n * @element nve-menu-item\n * @description Represents a selectable option within a menu, providing an interactive button for navigation or actions.\n * @documentation https://nvidia.github.io/elements/docs/elements/menu/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/menu\n * @slot - Label and supporting content for the menu option.\n * @slot prefix - slot for prefix icon\n * @slot suffix - slot for suffix icon\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --border-background\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @cssprop --min-height\n * @cssprop --line-height\n * @cssprop --cursor\n * @cssprop --opacity\n * @cssprop --text-transform\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n */\n@audit()\nexport class MenuItem extends ButtonFormControlMixin(LitElement) {\n  static styles = useStyles([styles]);\n\n  /** Applies danger styling to destructive or high-risk menu actions. */\n  @property({ type: String, reflect: true }) status: 'danger';\n\n  static readonly metadata = {\n    tag: 'nve-menu-item',\n    version: '0.0.0',\n    parents: ['nve-menu']\n  };\n\n  static elementDefinitions = {};\n\n  render() {\n    return html`\n      <div internal-host interaction-state focus-within part=\"_internal\">\n        <slot name=\"prefix\" part=\"_prefix\"></slot>\n        <slot part=\"_slot\"></slot>\n        <slot name=\"suffix\" part=\"_suffix\"></slot>\n      </div>\n    `;\n  }\n\n  constructor() {\n    super();\n    this.type = 'button';\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._internals.role = 'menuitem';\n  }\n}\n"],"mappings":";;;;;;;;AAqCO,IAAMI,IAAN,cAAuBC,EAAuBC,CAAU,CAAC,CAAC;;EAC/C,KAAA,SAAAC,EAAU,CAACP,CAAM,CAAC;;;EAKP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;EACtB;;;EAE4B,KAAA,qBAAA,CAAC;;CAE7B,SAAS;EACP,OAAO,CAAI;CAOb;CAEA,cAAc;EAEZ,AADA,MAAM,GACN,KAAK,OAAO;CACd;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,WAAW,OAAO;CACzB;AACF;AA7BGC,EAAA,CAAAO,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAJ,EAAA,WAAA,UAAA,KAAA,CAAA,GAL1C,IAAAH,EAAA,CAAAQ,EAAM,CAAA,GAAAL,CAAA"}

package/dist/menu/menu2.js

@@ -1,23 +1,23 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { appendRootNodeStyle as t } from "../internal/utils/dom.js";
 import { KeyNavigationListController as n } from "../internal/controllers/keynav-list.controller.js";
-import { attachInternals as r } from "../internal/utils/a11y.js";
-import { useStyles as i } from "../internal/styles/index.js";
-import a from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import o from "./menu.js";
-import s from "./menu.global.js";
-import { LitElement as c, html as l } from "lit";
-import { property as u } from "lit/decorators/property.js";
+import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import i from "./menu.js";
+import a from "./menu.global.js";
+import { attachInternals as o } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as s, html as c } from "lit";
+import { property as l } from "lit/decorators/property.js";
+import { useStyles as u } from "@nvidia-elements/foundations/internal/styles";
 import { queryAssignedElements as d } from "lit/decorators/query-assigned-elements.js";
 // src/menu/menu.ts
-var f = class extends c {
+var f = class extends s {
 	static {
-		this.styles = i([o]);
+		this.styles = u([i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-menu",
-			version: "2.23.3",
+			version: "2.23.5",
 			children: ["nve-menu-item", "nve-divider"]
 		};
 	}
@@ -52,13 +52,13 @@ var f = class extends c {
 		}));
 	};
 	render() {
-		return l`<div internal-host><slot @slotchange="${this.#a}"></slot></div>`;
+		return c`<div internal-host><slot @slotchange="${this.#a}"></slot></div>`;
 	}
 	async firstUpdated() {
 		await this.updateComplete, this.shadowRoot?.querySelector("[internal-host]")?.addEventListener("scroll", this.#i, { passive: !0 });
 	}
 	connectedCallback() {
-		super.connectedCallback(), r(this), this._internals.role = "menu", t(this, s), this.hasUpdated && (this.#t = this.items), this.parentElement?.localName === "nve-menu-group" && !this.slot && (this.slot = "menu", this.#r = !0);
+		super.connectedCallback(), o(this), this._internals.role = "menu", t(this, a), this.hasUpdated && (this.#t = this.items), this.parentElement?.localName === "nve-menu-group" && !this.slot && (this.slot = "menu", this.#r = !0);
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.#t = [], this.#r && this.slot === "menu" && (this.slot = ""), this.#r = !1;
@@ -67,10 +67,10 @@ var f = class extends c {
 		this.#e.refreshItems(this.#t), this.#t = this.items;
 	};
 };
-a([u({
+r([l({
 	type: String,
 	reflect: !0
-})], f.prototype, "density", void 0), a([d({ selector: "nve-menu-item" })], f.prototype, "items", void 0), f = a([e()], f);
+})], f.prototype, "density", void 0), r([d({ selector: "nve-menu-item" })], f.prototype, "items", void 0), f = r([e()], f);
 export { f as Menu };
 
 //# sourceMappingURL=menu2.js.map