@nvidia-elements/core 2.23.4 → 2.23.6

package/dist/internal/controllers/type-native-popover.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"type-native-popover.controller.js","names":["TypeNativePopoverController","#nativeTriggers","root","popoverTargetTriggers","commandForTriggers","interestForTriggers","host","showPopover","source","options","getHostAnchor","getHostTrigger","attachInternals","#updateLegacyTriggers","#setupLegacyTriggers","#setupModalLightDismiss","#onBeforeToggle","#onToggle","#onCommand","#onInterest","#onLoseInterest","#observers","observer","#onPointerDown","#onPointerUp","#removeHintTrigger","#clearInterestTimeout","#clearCloseTimeout","#closeTimeout","#interestTimeout","raw","value","#legacyHostTrigger","r","trigger","#previousLegacyTrigger","#clearLegacyTrigger","#hintTrigger","#setupHintTrigger","#setupPopoverTargetTrigger","#onHintMouseEnter","#onHintMouseLeave","generateId","open","focusElement","target","#setCloseTimeout","#toggleFocus","interestDelayStart","#parseInterestDelay","#pointerdownWithinModal","clickOutsideElementBounds","hasOpenPopover"],"sources":["../../../src/internal/controllers/type-native-popover.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport { clickOutsideElementBounds, generateId } from '../utils/dom.js';\nimport { attachInternals } from '../utils/a11y.js';\nimport { focusElement } from '../utils/focus.js';\nimport { getHostAnchor, getHostTrigger, hasOpenPopover } from './type-native-popover.utils.js';\nimport type { InterestEvent, PopoverType } from '../types/index.js';\n\nexport interface NativePopover extends ReactiveElement {\n  anchor?: HTMLElement | string;\n  closeTimeout?: number;\n  popoverType?: PopoverType;\n  modal?: boolean;\n  popoverDismissible?: boolean;\n  _internals?: ElementInternals;\n\n  /** @deprecated */\n  trigger?: HTMLElement | string;\n  /** @deprecated */\n  openDelay?: number;\n  /** @deprecated */\n  behaviorTrigger?: boolean;\n}\n\n/**\n * https://open-ui.org/components/popup.research.explainer\n */\nexport class TypeNativePopoverController<T extends NativePopover> implements ReactiveController {\n  get #nativeTriggers(): HTMLElement[] {\n    const root = this.host.getRootNode() as HTMLElement;\n    const popoverTargetTriggers = Array.from(\n      root.querySelectorAll(`[popovertarget=\"${CSS.escape ? CSS.escape(this.host.id) : this.host.id}\"]`)\n    ) as HTMLElement[];\n\n    const commandForTriggers = Array.from(\n      root.querySelectorAll(`[commandfor=\"${CSS.escape ? CSS.escape(this.host.id) : this.host.id}\"]`)\n    ) as HTMLElement[];\n\n    const interestForTriggers = Array.from(\n      root.querySelectorAll(`[interestfor=\"${CSS.escape ? CSS.escape(this.host.id) : this.host.id}\"]`)\n    ) as HTMLElement[];\n\n    return [...popoverTargetTriggers, ...commandForTriggers, ...interestForTriggers];\n  }\n\n  constructor(private host: T) {\n    this.host.addController(this);\n\n    const showPopover = this.host.showPopover;\n    this.host.showPopover = (options?: ShowPopoverOptions) => {\n      if (this.host.isConnected) {\n        // provide legacy fallback for source anchor or trigger if not provided, this can happen if the popover is dynamically created in the DOM without the use of the standard popover api or legacy trigger based api\n        let source: HTMLElement | Element | null = options?.source ?? null;\n        if (!source) {\n          if (this.host.anchor) {\n            source = getHostAnchor(this.host);\n          } else if (this.host.trigger) {\n            source = getHostTrigger(this.host, this.host.trigger);\n          } else {\n            source = globalThis.document.activeElement;\n          }\n        }\n\n        showPopover.call(this.host, { source: source as HTMLElement });\n      }\n    };\n  }\n\n  async hostConnected() {\n    attachInternals(this.host);\n    this.host.popover = this.host.popoverType ?? null;\n    await this.host.updateComplete;\n    if (!this.host.isConnected) return;\n\n    this.host.setAttribute('nve-popover', '');\n    this.#updateLegacyTriggers();\n    this.#setupLegacyTriggers(); // eslint-disable-line @typescript-eslint/no-floating-promises\n    this.#setupModalLightDismiss();\n    this.host.inert = this.host.matches(':not(:popover-open)') && !!this.#nativeTriggers.length;\n\n    this.host.addEventListener('beforetoggle', this.#onBeforeToggle);\n    this.host.addEventListener('toggle', this.#onToggle as EventListener);\n    this.host.addEventListener('command', this.#onCommand as EventListener);\n    this.host.addEventListener('interest', this.#onInterest as EventListener);\n    this.host.addEventListener('loseinterest', this.#onLoseInterest as EventListener);\n  }\n\n  #interestTimeout: ReturnType<typeof setTimeout> | null = null;\n  #closeTimeout: ReturnType<typeof setTimeout> | null = null;\n  #observers: MutationObserver[] = [];\n  #previousLegacyTrigger: HTMLButtonElement | null = null;\n  #hintTrigger: HTMLButtonElement | null = null;\n\n  async hostUpdated() {\n    this.host.popover = this.host.popoverType ?? null;\n    this.#updateLegacyTriggers();\n  }\n\n  hostDisconnected() {\n    this.#observers.forEach(observer => observer.disconnect());\n    this.#observers.length = 0;\n    this.host.removeEventListener('beforetoggle', this.#onBeforeToggle);\n    this.host.removeEventListener('toggle', this.#onToggle as EventListener);\n    this.host.removeEventListener('command', this.#onCommand as EventListener);\n    this.host.removeEventListener('interest', this.#onInterest as EventListener);\n    this.host.removeEventListener('loseinterest', this.#onLoseInterest as EventListener);\n    this.host.removeEventListener('pointerdown', this.#onPointerDown);\n    this.host.removeEventListener('pointerup', this.#onPointerUp);\n    this.#removeHintTrigger();\n    this.#clearInterestTimeout();\n    this.#clearCloseTimeout();\n  }\n\n  #setCloseTimeout() {\n    this.#clearCloseTimeout();\n    if (this.host.closeTimeout) {\n      this.#closeTimeout = setTimeout(() => this.host.hidePopover(), this.host.closeTimeout);\n    }\n  }\n\n  #clearCloseTimeout() {\n    if (this.#closeTimeout) {\n      clearTimeout(this.#closeTimeout);\n      this.#closeTimeout = null;\n    }\n  }\n\n  #clearInterestTimeout() {\n    if (this.#interestTimeout) {\n      clearTimeout(this.#interestTimeout);\n      this.#interestTimeout = null;\n    }\n  }\n\n  #parseInterestDelay(): number {\n    const style = getComputedStyle(this.host);\n    const raw = (style as unknown as { interestDelayStart: string }).interestDelayStart;\n    if (!raw) {\n      return 0;\n    }\n    const value = parseFloat(raw);\n    return raw.endsWith('ms') ? value : value * 1000;\n  }\n\n  #pointerdownWithinModal = false;\n\n  #setupModalLightDismiss() {\n    this.host.removeEventListener('pointerdown', this.#onPointerDown);\n    this.host.removeEventListener('pointerup', this.#onPointerUp);\n    this.host.addEventListener('pointerdown', this.#onPointerDown);\n    this.host.addEventListener('pointerup', this.#onPointerUp);\n  }\n\n  get #legacyHostTrigger(): HTMLElement | null {\n    return this.host.trigger ? (getHostTrigger(this.host, this.host.trigger) as HTMLButtonElement) : null;\n  }\n\n  /**\n   * @deprecated Legacy behavior that allows popovers to show as open by default when using the legacy trigger based api\n   */\n  async #setupLegacyTriggers() {\n    await new Promise(r => requestAnimationFrame(r));\n\n    // setup host hidden updates for legacy triggers\n    const observer = new MutationObserver(() => {\n      if (this.host.isConnected && !this.host.hidden && !this.host.matches(':popover-open')) {\n        this.host.showPopover();\n      }\n\n      if (this.host.isConnected && this.host.hidden && this.host.matches(':popover-open')) {\n        this.host.hidePopover();\n      }\n    });\n    observer.observe(this.host, { attributes: true, attributeFilter: ['hidden'] });\n    this.#observers.push(observer);\n\n    // determine if popover is open by default\n    if (\n      this.host.isConnected &&\n      !this.#nativeTriggers.length &&\n      !this.host.hidden &&\n      !this.host.matches(':popover-open')\n    ) {\n      this.host.popover = 'manual';\n      this.host.showPopover();\n    }\n  }\n\n  /**\n   * @deprecated Legacy behavior that allows popovers to show as open by default when using the legacy trigger based api\n   */\n  #updateLegacyTriggers() {\n    const trigger = this.#legacyHostTrigger as HTMLButtonElement;\n\n    if (this.#previousLegacyTrigger && this.#previousLegacyTrigger !== trigger) {\n      this.#clearLegacyTrigger(this.#previousLegacyTrigger);\n    }\n\n    if (this.#hintTrigger && this.#hintTrigger !== trigger) {\n      this.#removeHintTrigger();\n    }\n\n    if (!trigger) {\n      this.#previousLegacyTrigger = null;\n      return;\n    }\n\n    if (this.host.popoverType === 'hint') {\n      this.#setupHintTrigger(trigger);\n    } else {\n      this.#setupPopoverTargetTrigger(trigger);\n    }\n    this.#previousLegacyTrigger = trigger;\n  }\n\n  #setupHintTrigger(trigger: HTMLButtonElement) {\n    if (this.#hintTrigger === trigger) return;\n\n    trigger.addEventListener('mouseenter', this.#onHintMouseEnter);\n    trigger.addEventListener('mouseleave', this.#onHintMouseLeave);\n    trigger.addEventListener('focusout', this.#onHintMouseLeave);\n    this.#hintTrigger = trigger;\n  }\n\n  #setupPopoverTargetTrigger(trigger: HTMLButtonElement) {\n    this.#removeHintTrigger();\n    this.host.id = this.host.id ? this.host.id : generateId();\n    trigger.popoverTargetElement = this.host;\n    trigger.setAttribute('popovertarget', this.host.id);\n  }\n\n  #toggleFocus(open: boolean, target: HTMLElement) {\n    if (open) {\n      // only focus popover if not the active element and not containing the active element already\n      if ((this.host.getRootNode() as Document).activeElement !== this.host && !this.host.shadowRoot!.activeElement) {\n        focusElement(this.host);\n      }\n    } else {\n      focusElement(target);\n    }\n  }\n\n  #clearLegacyTrigger(trigger: HTMLButtonElement) {\n    trigger.popoverTargetElement = null;\n    trigger.removeAttribute('popovertarget');\n    if (this.#hintTrigger === trigger) {\n      this.#removeHintTrigger();\n    }\n  }\n\n  #removeHintTrigger() {\n    this.#hintTrigger?.removeEventListener('mouseenter', this.#onHintMouseEnter);\n    this.#hintTrigger?.removeEventListener('mouseleave', this.#onHintMouseLeave);\n    this.#hintTrigger?.removeEventListener('focusout', this.#onHintMouseLeave);\n    this.#hintTrigger = null;\n  }\n\n  #onBeforeToggle = (e: ToggleEvent) => {\n    if (e.newState === 'open') {\n      this.host._internals!.states.add('transition-start');\n    }\n  };\n\n  #onToggle = (e: ToggleEvent) => {\n    if (this.host.behaviorTrigger) {\n      this.host.hidden = e.newState === 'closed';\n    }\n\n    if (e.newState === 'open' && this.host.closeTimeout) {\n      this.#setCloseTimeout();\n    }\n\n    if (e.newState === 'closed') {\n      this.#clearInterestTimeout();\n      this.#clearCloseTimeout();\n    }\n\n    this.host.inert = this.host.matches(':not(:popover-open)');\n\n    if (this.host.modal) {\n      this.#toggleFocus(e.newState === 'open', e.target as HTMLElement);\n    }\n\n    this.host.dispatchEvent(\n      new CustomEvent(e.newState === 'open' && e.oldState !== 'open' ? 'open' : 'close', {\n        bubbles: true,\n        composed: true,\n        detail: { trigger: e.source }\n      })\n    );\n  };\n\n  #onCommand = (e: CommandEvent) => {\n    if (e.command === 'toggle-popover') {\n      this.host.togglePopover({ source: e.source as HTMLElement });\n    }\n\n    if (e.command === 'hide-popover') {\n      this.host.hidePopover();\n      this.#clearInterestTimeout();\n    }\n\n    if (e.command === 'show-popover') {\n      this.host.showPopover({ source: e.source as HTMLElement });\n    }\n  };\n\n  #onInterest = (e: InterestEvent) => {\n    const isCustomElement = e.source?.localName.includes('-');\n    if (isCustomElement) {\n      const interestDelayStart = this.host.openDelay ?? this.#parseInterestDelay();\n      if (interestDelayStart) {\n        this.#interestTimeout = setTimeout(() => {\n          if (this.host.isConnected) {\n            this.host.showPopover({ source: e.source as HTMLElement });\n          }\n        }, interestDelayStart);\n      } else {\n        this.host.showPopover({ source: e.source as HTMLElement });\n      }\n    }\n  };\n\n  #onLoseInterest = (e: InterestEvent) => {\n    const isCustomElement = e.source?.localName.includes('-');\n    if (isCustomElement) {\n      this.host.hidePopover();\n    }\n\n    this.#clearInterestTimeout();\n  };\n\n  #onPointerDown = (e: PointerEvent) => {\n    if (this.host.modal && this.host.matches(':popover-open')) {\n      this.#pointerdownWithinModal = clickOutsideElementBounds(e, this.host);\n    }\n  };\n\n  #onPointerUp = (e: PointerEvent) => {\n    if (\n      this.#pointerdownWithinModal &&\n      this.host.popoverDismissible &&\n      this.host.modal &&\n      this.host.matches(':popover-open') &&\n      !hasOpenPopover(this.host) &&\n      clickOutsideElementBounds(e, this.host)\n    ) {\n      this.host.hidePopover();\n    }\n  };\n\n  #onHintMouseEnter = (e: MouseEvent) => {\n    this.host.showPopover({ source: e.currentTarget as HTMLElement });\n  };\n\n  #onHintMouseLeave = () => {\n    this.host.hidePopover();\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"type-native-popover.controller.js","names":["TypeNativePopoverController","#nativeTriggers","root","popoverTargetTriggers","commandForTriggers","interestForTriggers","host","showPopover","source","options","getHostAnchor","getHostTrigger","attachInternals","#updateLegacyTriggers","#setupLegacyTriggers","#setupModalLightDismiss","#onBeforeToggle","#onToggle","#onCommand","#onInterest","#onLoseInterest","#observers","observer","#onPointerDown","#onPointerUp","#removeHintTrigger","#clearInterestTimeout","#clearCloseTimeout","#closeTimeout","#interestTimeout","raw","value","#legacyHostTrigger","r","trigger","#previousLegacyTrigger","#clearLegacyTrigger","#hintTrigger","#setupHintTrigger","#setupPopoverTargetTrigger","#onHintMouseEnter","#onHintMouseLeave","generateId","open","focusElement","target","#setCloseTimeout","#toggleFocus","interestDelayStart","#parseInterestDelay","#pointerdownWithinModal","clickOutsideElementBounds","hasOpenPopover"],"sources":["../../../src/internal/controllers/type-native-popover.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport { clickOutsideElementBounds, generateId } from '../utils/dom.js';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { focusElement } from '../utils/focus.js';\nimport { getHostAnchor, getHostTrigger, hasOpenPopover } from './type-native-popover.utils.js';\nimport type { InterestEvent, PopoverType } from '../types/index.js';\n\nexport interface NativePopover extends ReactiveElement {\n  anchor?: HTMLElement | string;\n  closeTimeout?: number;\n  popoverType?: PopoverType;\n  modal?: boolean;\n  popoverDismissible?: boolean;\n  _internals?: ElementInternals;\n\n  /** @deprecated */\n  trigger?: HTMLElement | string;\n  /** @deprecated */\n  openDelay?: number;\n  /** @deprecated */\n  behaviorTrigger?: boolean;\n}\n\n/**\n * https://open-ui.org/components/popup.research.explainer\n */\nexport class TypeNativePopoverController<T extends NativePopover> implements ReactiveController {\n  get #nativeTriggers(): HTMLElement[] {\n    const root = this.host.getRootNode() as HTMLElement;\n    const popoverTargetTriggers = Array.from(\n      root.querySelectorAll(`[popovertarget=\"${CSS.escape ? CSS.escape(this.host.id) : this.host.id}\"]`)\n    ) as HTMLElement[];\n\n    const commandForTriggers = Array.from(\n      root.querySelectorAll(`[commandfor=\"${CSS.escape ? CSS.escape(this.host.id) : this.host.id}\"]`)\n    ) as HTMLElement[];\n\n    const interestForTriggers = Array.from(\n      root.querySelectorAll(`[interestfor=\"${CSS.escape ? CSS.escape(this.host.id) : this.host.id}\"]`)\n    ) as HTMLElement[];\n\n    return [...popoverTargetTriggers, ...commandForTriggers, ...interestForTriggers];\n  }\n\n  constructor(private host: T) {\n    this.host.addController(this);\n\n    const showPopover = this.host.showPopover;\n    this.host.showPopover = (options?: ShowPopoverOptions) => {\n      if (this.host.isConnected) {\n        // provide legacy fallback for source anchor or trigger if not provided, this can happen if the popover is dynamically created in the DOM without the use of the standard popover api or legacy trigger based api\n        let source: HTMLElement | Element | null = options?.source ?? null;\n        if (!source) {\n          if (this.host.anchor) {\n            source = getHostAnchor(this.host);\n          } else if (this.host.trigger) {\n            source = getHostTrigger(this.host, this.host.trigger);\n          } else {\n            source = globalThis.document.activeElement;\n          }\n        }\n\n        showPopover.call(this.host, { source: source as HTMLElement });\n      }\n    };\n  }\n\n  async hostConnected() {\n    attachInternals(this.host);\n    this.host.popover = this.host.popoverType ?? null;\n    await this.host.updateComplete;\n    if (!this.host.isConnected) return;\n\n    this.host.setAttribute('nve-popover', '');\n    this.#updateLegacyTriggers();\n    this.#setupLegacyTriggers(); // eslint-disable-line @typescript-eslint/no-floating-promises\n    this.#setupModalLightDismiss();\n    this.host.inert = this.host.matches(':not(:popover-open)') && !!this.#nativeTriggers.length;\n\n    this.host.addEventListener('beforetoggle', this.#onBeforeToggle);\n    this.host.addEventListener('toggle', this.#onToggle as EventListener);\n    this.host.addEventListener('command', this.#onCommand as EventListener);\n    this.host.addEventListener('interest', this.#onInterest as EventListener);\n    this.host.addEventListener('loseinterest', this.#onLoseInterest as EventListener);\n  }\n\n  #interestTimeout: ReturnType<typeof setTimeout> | null = null;\n  #closeTimeout: ReturnType<typeof setTimeout> | null = null;\n  #observers: MutationObserver[] = [];\n  #previousLegacyTrigger: HTMLButtonElement | null = null;\n  #hintTrigger: HTMLButtonElement | null = null;\n\n  async hostUpdated() {\n    this.host.popover = this.host.popoverType ?? null;\n    this.#updateLegacyTriggers();\n  }\n\n  hostDisconnected() {\n    this.#observers.forEach(observer => observer.disconnect());\n    this.#observers.length = 0;\n    this.host.removeEventListener('beforetoggle', this.#onBeforeToggle);\n    this.host.removeEventListener('toggle', this.#onToggle as EventListener);\n    this.host.removeEventListener('command', this.#onCommand as EventListener);\n    this.host.removeEventListener('interest', this.#onInterest as EventListener);\n    this.host.removeEventListener('loseinterest', this.#onLoseInterest as EventListener);\n    this.host.removeEventListener('pointerdown', this.#onPointerDown);\n    this.host.removeEventListener('pointerup', this.#onPointerUp);\n    this.#removeHintTrigger();\n    this.#clearInterestTimeout();\n    this.#clearCloseTimeout();\n  }\n\n  #setCloseTimeout() {\n    this.#clearCloseTimeout();\n    if (this.host.closeTimeout) {\n      this.#closeTimeout = setTimeout(() => this.host.hidePopover(), this.host.closeTimeout);\n    }\n  }\n\n  #clearCloseTimeout() {\n    if (this.#closeTimeout) {\n      clearTimeout(this.#closeTimeout);\n      this.#closeTimeout = null;\n    }\n  }\n\n  #clearInterestTimeout() {\n    if (this.#interestTimeout) {\n      clearTimeout(this.#interestTimeout);\n      this.#interestTimeout = null;\n    }\n  }\n\n  #parseInterestDelay(): number {\n    const style = getComputedStyle(this.host);\n    const raw = (style as unknown as { interestDelayStart: string }).interestDelayStart;\n    if (!raw) {\n      return 0;\n    }\n    const value = parseFloat(raw);\n    return raw.endsWith('ms') ? value : value * 1000;\n  }\n\n  #pointerdownWithinModal = false;\n\n  #setupModalLightDismiss() {\n    this.host.removeEventListener('pointerdown', this.#onPointerDown);\n    this.host.removeEventListener('pointerup', this.#onPointerUp);\n    this.host.addEventListener('pointerdown', this.#onPointerDown);\n    this.host.addEventListener('pointerup', this.#onPointerUp);\n  }\n\n  get #legacyHostTrigger(): HTMLElement | null {\n    return this.host.trigger ? (getHostTrigger(this.host, this.host.trigger) as HTMLButtonElement) : null;\n  }\n\n  /**\n   * @deprecated Legacy behavior that allows popovers to show as open by default when using the legacy trigger based api\n   */\n  async #setupLegacyTriggers() {\n    await new Promise(r => requestAnimationFrame(r));\n\n    // setup host hidden updates for legacy triggers\n    const observer = new MutationObserver(() => {\n      if (this.host.isConnected && !this.host.hidden && !this.host.matches(':popover-open')) {\n        this.host.showPopover();\n      }\n\n      if (this.host.isConnected && this.host.hidden && this.host.matches(':popover-open')) {\n        this.host.hidePopover();\n      }\n    });\n    observer.observe(this.host, { attributes: true, attributeFilter: ['hidden'] });\n    this.#observers.push(observer);\n\n    // determine if popover is open by default\n    if (\n      this.host.isConnected &&\n      !this.#nativeTriggers.length &&\n      !this.host.hidden &&\n      !this.host.matches(':popover-open')\n    ) {\n      this.host.popover = 'manual';\n      this.host.showPopover();\n    }\n  }\n\n  /**\n   * @deprecated Legacy behavior that allows popovers to show as open by default when using the legacy trigger based api\n   */\n  #updateLegacyTriggers() {\n    const trigger = this.#legacyHostTrigger as HTMLButtonElement;\n\n    if (this.#previousLegacyTrigger && this.#previousLegacyTrigger !== trigger) {\n      this.#clearLegacyTrigger(this.#previousLegacyTrigger);\n    }\n\n    if (this.#hintTrigger && this.#hintTrigger !== trigger) {\n      this.#removeHintTrigger();\n    }\n\n    if (!trigger) {\n      this.#previousLegacyTrigger = null;\n      return;\n    }\n\n    if (this.host.popoverType === 'hint') {\n      this.#setupHintTrigger(trigger);\n    } else {\n      this.#setupPopoverTargetTrigger(trigger);\n    }\n    this.#previousLegacyTrigger = trigger;\n  }\n\n  #setupHintTrigger(trigger: HTMLButtonElement) {\n    if (this.#hintTrigger === trigger) return;\n\n    trigger.addEventListener('mouseenter', this.#onHintMouseEnter);\n    trigger.addEventListener('mouseleave', this.#onHintMouseLeave);\n    trigger.addEventListener('focusout', this.#onHintMouseLeave);\n    this.#hintTrigger = trigger;\n  }\n\n  #setupPopoverTargetTrigger(trigger: HTMLButtonElement) {\n    this.#removeHintTrigger();\n    this.host.id = this.host.id ? this.host.id : generateId();\n    trigger.popoverTargetElement = this.host;\n    trigger.setAttribute('popovertarget', this.host.id);\n  }\n\n  #toggleFocus(open: boolean, target: HTMLElement) {\n    if (open) {\n      // only focus popover if not the active element and not containing the active element already\n      if ((this.host.getRootNode() as Document).activeElement !== this.host && !this.host.shadowRoot!.activeElement) {\n        focusElement(this.host);\n      }\n    } else {\n      focusElement(target);\n    }\n  }\n\n  #clearLegacyTrigger(trigger: HTMLButtonElement) {\n    trigger.popoverTargetElement = null;\n    trigger.removeAttribute('popovertarget');\n    if (this.#hintTrigger === trigger) {\n      this.#removeHintTrigger();\n    }\n  }\n\n  #removeHintTrigger() {\n    this.#hintTrigger?.removeEventListener('mouseenter', this.#onHintMouseEnter);\n    this.#hintTrigger?.removeEventListener('mouseleave', this.#onHintMouseLeave);\n    this.#hintTrigger?.removeEventListener('focusout', this.#onHintMouseLeave);\n    this.#hintTrigger = null;\n  }\n\n  #onBeforeToggle = (e: ToggleEvent) => {\n    if (e.newState === 'open') {\n      this.host._internals!.states.add('transition-start');\n    }\n  };\n\n  #onToggle = (e: ToggleEvent) => {\n    if (this.host.behaviorTrigger) {\n      this.host.hidden = e.newState === 'closed';\n    }\n\n    if (e.newState === 'open' && this.host.closeTimeout) {\n      this.#setCloseTimeout();\n    }\n\n    if (e.newState === 'closed') {\n      this.#clearInterestTimeout();\n      this.#clearCloseTimeout();\n    }\n\n    this.host.inert = this.host.matches(':not(:popover-open)');\n\n    if (this.host.modal) {\n      this.#toggleFocus(e.newState === 'open', e.target as HTMLElement);\n    }\n\n    this.host.dispatchEvent(\n      new CustomEvent(e.newState === 'open' && e.oldState !== 'open' ? 'open' : 'close', {\n        bubbles: true,\n        composed: true,\n        detail: { trigger: e.source }\n      })\n    );\n  };\n\n  #onCommand = (e: CommandEvent) => {\n    if (e.command === 'toggle-popover') {\n      this.host.togglePopover({ source: e.source as HTMLElement });\n    }\n\n    if (e.command === 'hide-popover') {\n      this.host.hidePopover();\n      this.#clearInterestTimeout();\n    }\n\n    if (e.command === 'show-popover') {\n      this.host.showPopover({ source: e.source as HTMLElement });\n    }\n  };\n\n  #onInterest = (e: InterestEvent) => {\n    const isCustomElement = e.source?.localName.includes('-');\n    if (isCustomElement) {\n      const interestDelayStart = this.host.openDelay ?? this.#parseInterestDelay();\n      if (interestDelayStart) {\n        this.#interestTimeout = setTimeout(() => {\n          if (this.host.isConnected) {\n            this.host.showPopover({ source: e.source as HTMLElement });\n          }\n        }, interestDelayStart);\n      } else {\n        this.host.showPopover({ source: e.source as HTMLElement });\n      }\n    }\n  };\n\n  #onLoseInterest = (e: InterestEvent) => {\n    const isCustomElement = e.source?.localName.includes('-');\n    if (isCustomElement) {\n      this.host.hidePopover();\n    }\n\n    this.#clearInterestTimeout();\n  };\n\n  #onPointerDown = (e: PointerEvent) => {\n    if (this.host.modal && this.host.matches(':popover-open')) {\n      this.#pointerdownWithinModal = clickOutsideElementBounds(e, this.host);\n    }\n  };\n\n  #onPointerUp = (e: PointerEvent) => {\n    if (\n      this.#pointerdownWithinModal &&\n      this.host.popoverDismissible &&\n      this.host.modal &&\n      this.host.matches(':popover-open') &&\n      !hasOpenPopover(this.host) &&\n      clickOutsideElementBounds(e, this.host)\n    ) {\n      this.host.hidePopover();\n    }\n  };\n\n  #onHintMouseEnter = (e: MouseEvent) => {\n    this.host.showPopover({ source: e.currentTarget as HTMLElement });\n  };\n\n  #onHintMouseLeave = () => {\n    this.host.hidePopover();\n  };\n}\n"],"mappings":"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"}

package/dist/internal/controllers/type-popover.controller.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"type-popover.controller.examples.js","names":["type_popover_controller_examples_default"],"sources":["../../../src/internal/controllers/type-popover.controller.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { query } from 'lit/decorators/query.js';\nimport type { PopoverPosition, PopoverAlign, PopoverType } from '@nvidia-elements/core/internal';\nimport { popoverStyles, TypeNativePopoverController, useStyles } from '@nvidia-elements/core/internal';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/icon-button/define.js';\nimport '@nvidia-elements/core/dropdown/define.js';\n\nexport default {\n  title: 'Internal/Controllers'\n}\n\nclass PopoverDemo extends LitElement {\n  @property({ type: String }) anchor: string | HTMLElement;\n\n  @property({ type: String }) trigger: string | HTMLElement;\n\n  @property({ type: String, reflect: true }) position: PopoverPosition = 'top';\n\n  @property({ type: String, reflect: true }) alignment: PopoverAlign = 'center';\n\n  @property({ type: Boolean }) arrow = true;\n\n  @query('.arrow') popoverArrow: HTMLElement;\n\n  static styles = useStyles([popoverStyles, css`\n    :host {\n      --nve-sys-layer-popover-arrow-padding: 6px;\n      --nve-sys-layer-popover-arrow-offset: 2px;\n      --nve-sys-layer-popover-offset: 2px;\n    }\n\n    [internal-host] {\n      padding: 18px;\n      min-width: 80px;\n      text-align: center;\n      background: #fff;\n      color: #2d2d2d;\n    }\n\n    :host::backdrop {\n      background: none;\n    }\n\n    .arrow {\n      width: 12px;\n      height: 12px;\n      background: #fff;\n      position: absolute;\n    }\n  `]);\n\n  /** @private */\n  readonly popoverType: PopoverType = 'auto';\n\n  protected typeNativePopoverController = new TypeNativePopoverController<PopoverDemo>(this);\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n    <div internal-host>\n      <div id=\"content\">\n        <slot></slot>\n      </div>\n    </div>\n    ${this.arrow ? html`<div class=\"arrow\"></div>` : ''}\n  `;\n  }\n}\ncustomElements.get('ui-popover') || customElements.define('ui-popover', PopoverDemo);\n\n/**\n * @summary Basic popover toggled by a button using the native popovertarget API.\n * @tags test-case\n */\nexport const Default = {\n  render: () => html`\n    <style>\n      #root-inner {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n        width: 100%;\n        height: 100vh;\n      }\n    </style>\n    <ui-popover id=\"type-popover\">popover</ui-popover>\n    <nve-button popovertarget=\"type-popover\">toggle</nve-button>\n  `\n};\n\n/**\n * @summary Popover positioning and alignment options across all anchor and viewport placements.\n * @tags test-case\n */\nexport const Alignment = {\n  render: () => html`\n  <nve-card id=\"card\" style=\"width: 450px; height: 300px;\"></nve-card>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"top\" alignment=\"start\">top start</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"top\">top center</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"top\" alignment=\"end\">top end</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"right\" alignment=\"start\">right start</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"right\">right center</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"right\" alignment=\"end\">right end</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"bottom\" alignment=\"start\">bottom start</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"bottom\">bottom center</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"bottom\" alignment=\"end\">bottom end</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"left\" alignment=\"start\">left start</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"left\">left center</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"left\" alignment=\"end\">left end</ui-popover>\n\n  <ui-popover popover-type=\"manual\" position=\"center\">center</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"top\" alignment=\"start\">top start</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"top\">top center</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"top\" alignment=\"end\">top end</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"right\" alignment=\"start\">right start</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"right\">right center</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"right\" alignment=\"end\">right end</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"bottom\" alignment=\"start\">bottom start</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"bottom\">bottom center</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"bottom\" alignment=\"end\">bottom end</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"left\" alignment=\"start\">left start</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"left\">left center</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"left\" alignment=\"end\">left end</ui-popover>\n  `\n}\n\nclass MyElement extends LitElement {\n  render() {\n    return html`\n      <div style=\"width: 250px; height: 100px; resize: both; overflow: scroll; border: 1px solid white;\">\n        <nve-dropdown id=\"my-dropdown\">dropdown content</nve-dropdown>\n        <nve-icon-button id=\"my-dropdown-anchor\" popovertarget=\"my-dropdown\" icon-name=\"refresh\"></nve-icon-button>\n      </div>\n    `;\n  }\n}\n\ncustomElements.get('my-element') || customElements.define('my-element', MyElement);"],"mappings":";AAGA,IAAAA,IAAc"}
+{"version":3,"file":"type-popover.controller.examples.js","names":["type_popover_controller_examples_default"],"sources":["../../../src/internal/controllers/type-popover.controller.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { query } from 'lit/decorators/query.js';\nimport type { PopoverPosition, PopoverAlign, PopoverType } from '@nvidia-elements/core/internal';\nimport { popoverStyles, TypeNativePopoverController } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/icon-button/define.js';\nimport '@nvidia-elements/core/dropdown/define.js';\n\nexport default {\n  title: 'Internal/Controllers'\n}\n\nclass PopoverDemo extends LitElement {\n  @property({ type: String }) anchor: string | HTMLElement;\n\n  @property({ type: String }) trigger: string | HTMLElement;\n\n  @property({ type: String, reflect: true }) position: PopoverPosition = 'top';\n\n  @property({ type: String, reflect: true }) alignment: PopoverAlign = 'center';\n\n  @property({ type: Boolean }) arrow = true;\n\n  @query('.arrow') popoverArrow: HTMLElement;\n\n  static styles = useStyles([popoverStyles, css`\n    :host {\n      --nve-sys-layer-popover-arrow-padding: 6px;\n      --nve-sys-layer-popover-arrow-offset: 2px;\n      --nve-sys-layer-popover-offset: 2px;\n    }\n\n    [internal-host] {\n      padding: 18px;\n      min-width: 80px;\n      text-align: center;\n      background: #fff;\n      color: #2d2d2d;\n    }\n\n    :host::backdrop {\n      background: none;\n    }\n\n    .arrow {\n      width: 12px;\n      height: 12px;\n      background: #fff;\n      position: absolute;\n    }\n  `]);\n\n  /** @private */\n  readonly popoverType: PopoverType = 'auto';\n\n  protected typeNativePopoverController = new TypeNativePopoverController<PopoverDemo>(this);\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n    <div internal-host>\n      <div id=\"content\">\n        <slot></slot>\n      </div>\n    </div>\n    ${this.arrow ? html`<div class=\"arrow\"></div>` : ''}\n  `;\n  }\n}\ncustomElements.get('ui-popover') || customElements.define('ui-popover', PopoverDemo);\n\n/**\n * @summary Basic popover toggled by a button using the native popovertarget API.\n * @tags test-case\n */\nexport const Default = {\n  render: () => html`\n    <style>\n      #root-inner {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n        width: 100%;\n        height: 100vh;\n      }\n    </style>\n    <ui-popover id=\"type-popover\">popover</ui-popover>\n    <nve-button popovertarget=\"type-popover\">toggle</nve-button>\n  `\n};\n\n/**\n * @summary Popover positioning and alignment options across all anchor and viewport placements.\n * @tags test-case\n */\nexport const Alignment = {\n  render: () => html`\n  <nve-card id=\"card\" style=\"width: 450px; height: 300px;\"></nve-card>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"top\" alignment=\"start\">top start</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"top\">top center</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"top\" alignment=\"end\">top end</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"right\" alignment=\"start\">right start</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"right\">right center</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"right\" alignment=\"end\">right end</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"bottom\" alignment=\"start\">bottom start</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"bottom\">bottom center</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"bottom\" alignment=\"end\">bottom end</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"left\" alignment=\"start\">left start</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"left\">left center</ui-popover>\n  <ui-popover anchor=\"card\" popover-type=\"manual\" position=\"left\" alignment=\"end\">left end</ui-popover>\n\n  <ui-popover popover-type=\"manual\" position=\"center\">center</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"top\" alignment=\"start\">top start</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"top\">top center</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"top\" alignment=\"end\">top end</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"right\" alignment=\"start\">right start</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"right\">right center</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"right\" alignment=\"end\">right end</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"bottom\" alignment=\"start\">bottom start</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"bottom\">bottom center</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"bottom\" alignment=\"end\">bottom end</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"left\" alignment=\"start\">left start</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"left\">left center</ui-popover>\n  <ui-popover popover-type=\"manual\" position=\"left\" alignment=\"end\">left end</ui-popover>\n  `\n}\n\nclass MyElement extends LitElement {\n  render() {\n    return html`\n      <div style=\"width: 250px; height: 100px; resize: both; overflow: scroll; border: 1px solid white;\">\n        <nve-dropdown id=\"my-dropdown\">dropdown content</nve-dropdown>\n        <nve-icon-button id=\"my-dropdown-anchor\" popovertarget=\"my-dropdown\" icon-name=\"refresh\"></nve-icon-button>\n      </div>\n    `;\n  }\n}\n\ncustomElements.get('my-element') || customElements.define('my-element', MyElement);"],"mappings":";AAGA,IAAAA,IAAc"}

package/dist/internal/controllers/type-selectable.controller.js

@@ -1,4 +1,4 @@
-import { attachInternals as e } from "../utils/a11y.js";
+import { attachInternals as e } from "@nvidia-elements/foundations/internal/a11y";
 // src/internal/controllers/type-selectable.controller.ts
 var t = class {
 	#e = !1;

package/dist/internal/controllers/type-selectable.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"type-selectable.controller.js","names":["TypeSelectableController","host","attachInternals","#commandTriggered"],"sources":["../../../src/internal/controllers/type-selectable.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport { attachInternals } from '../utils/a11y.js';\n\nexport type TypeSelectable = ReactiveElement & {\n  selected?: boolean;\n  behaviorSelect?: boolean;\n  selectable?: 'single' | 'multi';\n  _internals?: ElementInternals;\n};\n\n/**\n * Controller for enabling selectable behavior for elements.\n * @event select - Dispatched when the selectable element selects.\n * @property selected - selected state\n * @property behaviorSelect - determines if stateful auto behavior should enable\n */\nexport class TypeSelectableController<T extends TypeSelectable> implements ReactiveController {\n  #commandTriggered = false;\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n\n    this.host.addEventListener('command', ((e: CommandEvent) => {\n      this.#commandTriggered = true;\n      if (e.command === '--toggle-select') {\n        this.toggle();\n      }\n\n      if (e.command === '--select') {\n        this.select();\n      }\n\n      if (e.command === '--deselect') {\n        this.host.selected = false;\n      }\n      this.#commandTriggered = false;\n    }) as EventListener);\n  }\n\n  hostUpdated() {\n    this.host.selectable === 'single'\n      ? this.host._internals!.states.add('selectable-single')\n      : this.host._internals!.states.delete('selectable-single');\n    this.host.selectable === 'multi'\n      ? this.host._internals!.states.add('selectable-multi')\n      : this.host._internals!.states.delete('selectable-multi');\n  }\n\n  select() {\n    if (this.host.behaviorSelect || this.#commandTriggered) {\n      this.host.selected = true;\n    }\n\n    this.host.dispatchEvent(new CustomEvent('select', { bubbles: true, composed: true, detail: this.host }));\n  }\n\n  deselect() {\n    if (this.host.behaviorSelect || this.#commandTriggered) {\n      this.host.selected = false;\n    }\n\n    this.host.dispatchEvent(new CustomEvent('select', { bubbles: true, composed: true, detail: this.host }));\n  }\n\n  toggle() {\n    if (this.host.selected) {\n      this.deselect();\n    } else {\n      this.select();\n    }\n  }\n}\n"],"mappings":";;AAmBA,IAAaA,IAAb,MAA8F;CAC5F,KAAoB;CACpB,YAAY,GAAiB;EAC3B,AADkB,KAAA,OAAAC,GAClB,KAAK,KAAK,cAAc,IAAI;CAC9B;CAEA,gBAAgB;EAGd,AAFAC,EAAgB,KAAK,IAAI,GAEzB,KAAK,KAAK,iBAAiB,aAAa,MAAoB;GAa1D,AAZA,KAAKC,KAAoB,IACrB,EAAE,YAAY,qBAChB,KAAK,OAAO,GAGV,EAAE,YAAY,cAChB,KAAK,OAAO,GAGV,EAAE,YAAY,iBAChB,KAAK,KAAK,WAAW,KAEvB,KAAKA,KAAoB;EAC3B,EAAmB;CACrB;CAEA,cAAc;EAIZ,AAHA,KAAK,KAAK,eAAe,WACrB,KAAK,KAAK,WAAY,OAAO,IAAI,mBAAmB,IACpD,KAAK,KAAK,WAAY,OAAO,OAAO,mBAAmB,GAC3D,KAAK,KAAK,eAAe,UACrB,KAAK,KAAK,WAAY,OAAO,IAAI,kBAAkB,IACnD,KAAK,KAAK,WAAY,OAAO,OAAO,kBAAkB;CAC5D;CAEA,SAAS;EAKP,CAJI,KAAK,KAAK,kBAAkB,KAAKA,QACnC,KAAK,KAAK,WAAW,KAGvB,KAAK,KAAK,cAAc,IAAI,YAAY,UAAU;GAAE,SAAS;GAAM,UAAU;GAAM,QAAQ,KAAK;EAAK,CAAC,CAAC;CACzG;CAEA,WAAW;EAKT,CAJI,KAAK,KAAK,kBAAkB,KAAKA,QACnC,KAAK,KAAK,WAAW,KAGvB,KAAK,KAAK,cAAc,IAAI,YAAY,UAAU;GAAE,SAAS;GAAM,UAAU;GAAM,QAAQ,KAAK;EAAK,CAAC,CAAC;CACzG;CAEA,SAAS;EACP,AAAI,KAAK,KAAK,WACZ,KAAK,SAAS,IAEd,KAAK,OAAO;CAEhB;AACF"}
+{"version":3,"file":"type-selectable.controller.js","names":["TypeSelectableController","host","attachInternals","#commandTriggered"],"sources":["../../../src/internal/controllers/type-selectable.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\n\nexport type TypeSelectable = ReactiveElement & {\n  selected?: boolean;\n  behaviorSelect?: boolean;\n  selectable?: 'single' | 'multi';\n  _internals?: ElementInternals;\n};\n\n/**\n * Controller for enabling selectable behavior for elements.\n * @event select - Dispatched when the selectable element selects.\n * @property selected - selected state\n * @property behaviorSelect - determines if stateful auto behavior should enable\n */\nexport class TypeSelectableController<T extends TypeSelectable> implements ReactiveController {\n  #commandTriggered = false;\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n\n    this.host.addEventListener('command', ((e: CommandEvent) => {\n      this.#commandTriggered = true;\n      if (e.command === '--toggle-select') {\n        this.toggle();\n      }\n\n      if (e.command === '--select') {\n        this.select();\n      }\n\n      if (e.command === '--deselect') {\n        this.host.selected = false;\n      }\n      this.#commandTriggered = false;\n    }) as EventListener);\n  }\n\n  hostUpdated() {\n    this.host.selectable === 'single'\n      ? this.host._internals!.states.add('selectable-single')\n      : this.host._internals!.states.delete('selectable-single');\n    this.host.selectable === 'multi'\n      ? this.host._internals!.states.add('selectable-multi')\n      : this.host._internals!.states.delete('selectable-multi');\n  }\n\n  select() {\n    if (this.host.behaviorSelect || this.#commandTriggered) {\n      this.host.selected = true;\n    }\n\n    this.host.dispatchEvent(new CustomEvent('select', { bubbles: true, composed: true, detail: this.host }));\n  }\n\n  deselect() {\n    if (this.host.behaviorSelect || this.#commandTriggered) {\n      this.host.selected = false;\n    }\n\n    this.host.dispatchEvent(new CustomEvent('select', { bubbles: true, composed: true, detail: this.host }));\n  }\n\n  toggle() {\n    if (this.host.selected) {\n      this.deselect();\n    } else {\n      this.select();\n    }\n  }\n}\n"],"mappings":";;AAmBA,IAAaA,IAAb,MAA8F;CAC5F,KAAoB;CACpB,YAAY,GAAiB;EAC3B,AADkB,KAAA,OAAAC,GAClB,KAAK,KAAK,cAAc,IAAI;CAC9B;CAEA,gBAAgB;EAGd,AAFAC,EAAgB,KAAK,IAAI,GAEzB,KAAK,KAAK,iBAAiB,aAAa,MAAoB;GAa1D,AAZA,KAAKC,KAAoB,IACrB,EAAE,YAAY,qBAChB,KAAK,OAAO,GAGV,EAAE,YAAY,cAChB,KAAK,OAAO,GAGV,EAAE,YAAY,iBAChB,KAAK,KAAK,WAAW,KAEvB,KAAKA,KAAoB;EAC3B,EAAmB;CACrB;CAEA,cAAc;EAIZ,AAHA,KAAK,KAAK,eAAe,WACrB,KAAK,KAAK,WAAY,OAAO,IAAI,mBAAmB,IACpD,KAAK,KAAK,WAAY,OAAO,OAAO,mBAAmB,GAC3D,KAAK,KAAK,eAAe,UACrB,KAAK,KAAK,WAAY,OAAO,IAAI,kBAAkB,IACnD,KAAK,KAAK,WAAY,OAAO,OAAO,kBAAkB;CAC5D;CAEA,SAAS;EAKP,CAJI,KAAK,KAAK,kBAAkB,KAAKA,QACnC,KAAK,KAAK,WAAW,KAGvB,KAAK,KAAK,cAAc,IAAI,YAAY,UAAU;GAAE,SAAS;GAAM,UAAU;GAAM,QAAQ,KAAK;EAAK,CAAC,CAAC;CACzG;CAEA,WAAW;EAKT,CAJI,KAAK,KAAK,kBAAkB,KAAKA,QACnC,KAAK,KAAK,WAAW,KAGvB,KAAK,KAAK,cAAc,IAAI,YAAY,UAAU;GAAE,SAAS;GAAM,UAAU;GAAM,QAAQ,KAAK;EAAK,CAAC,CAAC;CACzG;CAEA,SAAS;EACP,AAAI,KAAK,KAAK,WACZ,KAAK,SAAS,IAEd,KAAK,OAAO;CAEhB;AACF"}

package/dist/internal/index.d.ts

@@ -18,7 +18,6 @@ export * from './controllers/type-selectable.controller.js';
 export * from './controllers/type-native-popover.controller.js';
 export * from './controllers/type-ssr.controller.js';
 export * from './decorators/host-attr.js';
-export * from './decorators/scoped-registry.js';
 export * from './styles/index.js';
 export * from './styles/popover.js';
 export * from '@nvidia-elements/foundations/internal/i18n';

package/dist/internal/index.js

@@ -11,29 +11,28 @@ import { KeynavCode as x, appendAnchorName as S, appendRootNodeStyle as C, apply
 import { KeyNavigationGridController as Q, getNextKeyGridItem as $, keyNavigationGrid as ie } from "./controllers/keynav-grid.controller.js";
 import { KeyNavigationListController as ae, getNextKeyListItem as oe, keyNavigationList as se } from "./controllers/keynav-list.controller.js";
 import { KeyNavigationSpatialController as ce } from "./controllers/keynav-spatial.controller.js";
-import { associateAriaDescribedBy as le, associateAriaLabel as ue, associateControlGroup as de, associateDataList as fe, associateLabel as pe, attachInternals as me } from "./utils/a11y.js";
-import { StateExpandedController as he, stateExpanded as ge } from "./controllers/state-expanded.controller.js";
-import { StateHighlightedController as _e, stateHighlighted as ve } from "./controllers/state-highlighted.controller.js";
-import { StateScrollController as ye, stateScroll as be } from "./controllers/state-scroll.controller.js";
-import { StateSelectedController as xe, stateSelected as Se } from "./controllers/state-selected.controller.js";
-import { TypeAnchorController as Ce, typeAnchor as we } from "./controllers/type-anchor.controller.js";
-import { TypeClosableController as Te } from "./controllers/type-closable.controller.js";
-import { TypeExpandableController as Ee } from "./controllers/type-expandable.controller.js";
-import { TypeSelectableController as De } from "./controllers/type-selectable.controller.js";
-import { TypeNativePopoverController as Oe } from "./controllers/type-native-popover.controller.js";
-import { TypeSSRController as ke, typeSSR as Ae } from "./controllers/type-ssr.controller.js";
-import { hostAttr as je } from "./decorators/host-attr.js";
-import { scopedRegistry as Me } from "./decorators/scoped-registry.js";
-import { colorStateStyles as Ne, statusStateStyles as Pe, supportStateStyles as Fe, useStyles as Ie } from "./styles/index.js";
-import { popoverStyles as Le } from "./styles/popover2.js";
-import { TransitionService as Re } from "./services/transition.service.js";
-import { statusIcons as ze } from "./types/index.js";
-import { formatStandardNumber as Be, parseVersion as Ve } from "./utils/objects.js";
-import { createLightDismiss as He } from "./utils/keynav.js";
-import { finiteOr as Ue, nonnegativeFiniteOr as We, positiveFiniteOr as Ge } from "./utils/numeric.js";
+import { StateExpandedController as le, stateExpanded as ue } from "./controllers/state-expanded.controller.js";
+import { StateHighlightedController as de, stateHighlighted as fe } from "./controllers/state-highlighted.controller.js";
+import { StateScrollController as pe, stateScroll as me } from "./controllers/state-scroll.controller.js";
+import { StateSelectedController as he, stateSelected as ge } from "./controllers/state-selected.controller.js";
+import { TypeAnchorController as _e, typeAnchor as ve } from "./controllers/type-anchor.controller.js";
+import { TypeClosableController as ye } from "./controllers/type-closable.controller.js";
+import { TypeExpandableController as be } from "./controllers/type-expandable.controller.js";
+import { TypeSelectableController as xe } from "./controllers/type-selectable.controller.js";
+import { TypeNativePopoverController as Se } from "./controllers/type-native-popover.controller.js";
+import { TypeSSRController as Ce, typeSSR as we } from "./controllers/type-ssr.controller.js";
+import { hostAttr as Te } from "./decorators/host-attr.js";
+import { colorStateStyles as Ee, statusStateStyles as De, supportStateStyles as Oe } from "./styles/index.js";
+import { popoverStyles as ke } from "./styles/popover2.js";
+import { TransitionService as Ae } from "./services/transition.service.js";
+import { statusIcons as je } from "./types/index.js";
+import { associateAriaDescribedBy as Me, associateAriaLabel as Ne, associateControlGroup as Pe, associateDataList as Fe, associateLabel as Ie } from "./utils/a11y.js";
+import { formatStandardNumber as Le, parseVersion as Re } from "./utils/objects.js";
+import { createLightDismiss as ze } from "./utils/keynav.js";
+import { finiteOr as Be, nonnegativeFiniteOr as Ve, positiveFiniteOr as He } from "./utils/numeric.js";
 export * from "@nvidia-elements/foundations/internal/i18n";
 // src/internal/index.ts
-var Ke = /* @__PURE__ */ ee({
+var Ue = /* @__PURE__ */ ee({
 	AuditController: () => a,
 	DOCS_URL: () => n,
 	GestureController: () => s,
@@ -43,40 +42,39 @@ var Ke = /* @__PURE__ */ ee({
 	KeyStateController: () => c,
 	KeynavCode: () => x,
 	LogService: () => e,
-	StateExpandedController: () => he,
-	StateHighlightedController: () => _e,
-	StateScrollController: () => ye,
-	StateSelectedController: () => xe,
-	TransitionService: () => Re,
-	TypeAnchorController: () => Ce,
-	TypeClosableController: () => Te,
-	TypeExpandableController: () => Ee,
-	TypeNativePopoverController: () => Oe,
-	TypeSSRController: () => ke,
-	TypeSelectableController: () => De,
+	StateExpandedController: () => le,
+	StateHighlightedController: () => de,
+	StateScrollController: () => pe,
+	StateSelectedController: () => he,
+	TransitionService: () => Ae,
+	TypeAnchorController: () => _e,
+	TypeClosableController: () => ye,
+	TypeExpandableController: () => be,
+	TypeNativePopoverController: () => Se,
+	TypeSSRController: () => Ce,
+	TypeSelectableController: () => xe,
 	appendAnchorName: () => S,
 	appendRootNodeStyle: () => C,
 	applySlotContentStates: () => w,
-	associateAriaDescribedBy: () => le,
-	associateAriaLabel: () => ue,
-	associateControlGroup: () => de,
-	associateDataList: () => fe,
-	associateLabel: () => pe,
-	attachInternals: () => me,
+	associateAriaDescribedBy: () => Me,
+	associateAriaLabel: () => Ne,
+	associateControlGroup: () => Pe,
+	associateDataList: () => Fe,
+	associateLabel: () => Ie,
 	audit: () => o,
 	auditParentElement: () => t,
 	clickOutsideElementBounds: () => T,
-	colorStateStyles: () => Ne,
+	colorStateStyles: () => Ee,
 	createGhostElement: () => E,
-	createLightDismiss: () => He,
+	createLightDismiss: () => ze,
 	debounce: () => l,
 	endOfScrollBox: () => D,
 	excessiveInstanceLimit: () => 50,
-	finiteOr: () => Ue,
+	finiteOr: () => Be,
 	focusElement: () => f,
 	focusElementTimeout: () => p,
 	formatFileSize: () => r,
-	formatStandardNumber: () => Be,
+	formatStandardNumber: () => Le,
 	generateId: () => O,
 	getActiveElement: () => m,
 	getAnchorNames: () => k,
@@ -94,7 +92,7 @@ var Ke = /* @__PURE__ */ ee({
 	getThemeTokens: () => z,
 	hasHorizontalScrollBar: () => B,
 	hasInvalidDOMGrid: () => V,
-	hostAttr: () => je,
+	hostAttr: () => Te,
 	initializeKeyListItems: () => h,
 	isContextMenuClick: () => H,
 	isFocusable: () => g,
@@ -103,38 +101,36 @@ var Ke = /* @__PURE__ */ ee({
 	keyNavigationGrid: () => ie,
 	keyNavigationList: () => se,
 	matchesElementName: () => U,
-	nonnegativeFiniteOr: () => We,
+	nonnegativeFiniteOr: () => Ve,
 	onChildListMutation: () => u,
 	onListboxActivate: () => y,
 	openEyeDropper: () => W,
-	parseVersion: () => Ve,
-	popoverStyles: () => Le,
-	positiveFiniteOr: () => Ge,
+	parseVersion: () => Re,
+	popoverStyles: () => ke,
+	positiveFiniteOr: () => He,
 	removeAnchorName: () => G,
 	removeEmptySlotWhitespace: () => K,
 	removeEmptyTextNode: () => q,
 	sameOrderedStringArray: () => J,
-	scopedRegistry: () => Me,
 	setActiveKeyListItem: () => b,
 	shiftLeft: () => i,
 	slotContainsOnlyWhitespace: () => Y,
-	stateExpanded: () => ge,
-	stateHighlighted: () => ve,
-	stateScroll: () => be,
-	stateSelected: () => Se,
-	statusIcons: () => ze,
-	statusStateStyles: () => Pe,
+	stateExpanded: () => ue,
+	stateHighlighted: () => fe,
+	stateScroll: () => me,
+	stateSelected: () => ge,
+	statusIcons: () => je,
+	statusStateStyles: () => De,
 	styleSheetToString: () => re,
-	supportStateStyles: () => Fe,
+	supportStateStyles: () => Oe,
 	throttle: () => d,
-	typeAnchor: () => we,
-	typeSSR: () => Ae,
+	typeAnchor: () => ve,
+	typeSSR: () => we,
 	uniqueNonEmptyStrings: () => X,
-	useStyles: () => Ie,
 	validKeyNavigationCode: () => Z
 });
-import * as qe from "@nvidia-elements/foundations/internal/i18n";
-te(Ke, qe);
-export { a as AuditController, n as DOCS_URL, s as GestureController, Q as KeyNavigationGridController, ae as KeyNavigationListController, ce as KeyNavigationSpatialController, c as KeyStateController, x as KeynavCode, e as LogService, he as StateExpandedController, _e as StateHighlightedController, ye as StateScrollController, xe as StateSelectedController, Re as TransitionService, Ce as TypeAnchorController, Te as TypeClosableController, Ee as TypeExpandableController, Oe as TypeNativePopoverController, ke as TypeSSRController, De as TypeSelectableController, S as appendAnchorName, C as appendRootNodeStyle, w as applySlotContentStates, le as associateAriaDescribedBy, ue as associateAriaLabel, de as associateControlGroup, fe as associateDataList, pe as associateLabel, me as attachInternals, o as audit, t as auditParentElement, T as clickOutsideElementBounds, Ne as colorStateStyles, E as createGhostElement, He as createLightDismiss, l as debounce, D as endOfScrollBox, ne as excessiveInstanceLimit, Ue as finiteOr, f as focusElement, p as focusElementTimeout, r as formatFileSize, Be as formatStandardNumber, O as generateId, m as getActiveElement, k as getAnchorNames, A as getAttributeChanges, j as getAttributeListChanges, M as getChildren, N as getCustomElementRegistry, P as getDisplayValue, F as getElementUpdate, I as getFlattenedDOMTree, L as getFlattenedFocusableItems, $ as getNextKeyGridItem, oe as getNextKeyListItem, R as getPropertyChanges, z as getThemeTokens, B as hasHorizontalScrollBar, V as hasInvalidDOMGrid, je as hostAttr, h as initializeKeyListItems, Ke as internal_exports, H as isContextMenuClick, g as isFocusable, _ as isImmediateRootActiveElement, v as isSimpleFocusable, ie as keyNavigationGrid, se as keyNavigationList, U as matchesElementName, We as nonnegativeFiniteOr, u as onChildListMutation, y as onListboxActivate, W as openEyeDropper, Ve as parseVersion, Le as popoverStyles, Ge as positiveFiniteOr, G as removeAnchorName, K as removeEmptySlotWhitespace, q as removeEmptyTextNode, J as sameOrderedStringArray, Me as scopedRegistry, b as setActiveKeyListItem, i as shiftLeft, Y as slotContainsOnlyWhitespace, ge as stateExpanded, ve as stateHighlighted, be as stateScroll, Se as stateSelected, ze as statusIcons, Pe as statusStateStyles, re as styleSheetToString, Fe as supportStateStyles, d as throttle, we as typeAnchor, Ae as typeSSR, X as uniqueNonEmptyStrings, Ie as useStyles, Z as validKeyNavigationCode };
+import * as We from "@nvidia-elements/foundations/internal/i18n";
+te(Ue, We);
+export { a as AuditController, n as DOCS_URL, s as GestureController, Q as KeyNavigationGridController, ae as KeyNavigationListController, ce as KeyNavigationSpatialController, c as KeyStateController, x as KeynavCode, e as LogService, le as StateExpandedController, de as StateHighlightedController, pe as StateScrollController, he as StateSelectedController, Ae as TransitionService, _e as TypeAnchorController, ye as TypeClosableController, be as TypeExpandableController, Se as TypeNativePopoverController, Ce as TypeSSRController, xe as TypeSelectableController, S as appendAnchorName, C as appendRootNodeStyle, w as applySlotContentStates, Me as associateAriaDescribedBy, Ne as associateAriaLabel, Pe as associateControlGroup, Fe as associateDataList, Ie as associateLabel, o as audit, t as auditParentElement, T as clickOutsideElementBounds, Ee as colorStateStyles, E as createGhostElement, ze as createLightDismiss, l as debounce, D as endOfScrollBox, ne as excessiveInstanceLimit, Be as finiteOr, f as focusElement, p as focusElementTimeout, r as formatFileSize, Le as formatStandardNumber, O as generateId, m as getActiveElement, k as getAnchorNames, A as getAttributeChanges, j as getAttributeListChanges, M as getChildren, N as getCustomElementRegistry, P as getDisplayValue, F as getElementUpdate, I as getFlattenedDOMTree, L as getFlattenedFocusableItems, $ as getNextKeyGridItem, oe as getNextKeyListItem, R as getPropertyChanges, z as getThemeTokens, B as hasHorizontalScrollBar, V as hasInvalidDOMGrid, Te as hostAttr, h as initializeKeyListItems, Ue as internal_exports, H as isContextMenuClick, g as isFocusable, _ as isImmediateRootActiveElement, v as isSimpleFocusable, ie as keyNavigationGrid, se as keyNavigationList, U as matchesElementName, Ve as nonnegativeFiniteOr, u as onChildListMutation, y as onListboxActivate, W as openEyeDropper, Re as parseVersion, ke as popoverStyles, He as positiveFiniteOr, G as removeAnchorName, K as removeEmptySlotWhitespace, q as removeEmptyTextNode, J as sameOrderedStringArray, b as setActiveKeyListItem, i as shiftLeft, Y as slotContainsOnlyWhitespace, ue as stateExpanded, fe as stateHighlighted, me as stateScroll, ge as stateSelected, je as statusIcons, De as statusStateStyles, re as styleSheetToString, Oe as supportStateStyles, d as throttle, ve as typeAnchor, we as typeSSR, X as uniqueNonEmptyStrings, Z as validKeyNavigationCode };
 
 //# sourceMappingURL=index.js.map

package/dist/internal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["internal_exports","AuditController","DOCS_URL","GestureController","KeyNavigationGridController","KeyNavigationListController","KeyNavigationSpatialController","KeyStateController","KeynavCode","LogService","StateExpandedController","StateHighlightedController","StateScrollController","StateSelectedController","TransitionService","TypeAnchorController","TypeClosableController","TypeExpandableController","TypeNativePopoverController","TypeSSRController","TypeSelectableController","appendAnchorName","appendRootNodeStyle","applySlotContentStates","associateAriaDescribedBy","associateAriaLabel","associateControlGroup","associateDataList","associateLabel","attachInternals","audit","auditParentElement","clickOutsideElementBounds","colorStateStyles","createGhostElement","createLightDismiss","debounce","endOfScrollBox","finiteOr","focusElement","focusElementTimeout","formatFileSize","formatStandardNumber","generateId","getActiveElement","getAnchorNames","getAttributeChanges","getAttributeListChanges","getChildren","getCustomElementRegistry","getDisplayValue","getElementUpdate","getFlattenedDOMTree","getFlattenedFocusableItems","getNextKeyGridItem","getNextKeyListItem","getPropertyChanges","getThemeTokens","hasHorizontalScrollBar","hasInvalidDOMGrid","hostAttr","initializeKeyListItems","isContextMenuClick","isFocusable","isImmediateRootActiveElement","isSimpleFocusable","keyNavigationGrid","keyNavigationList","matchesElementName","nonnegativeFiniteOr","onChildListMutation","onListboxActivate","openEyeDropper","parseVersion","popoverStyles","positiveFiniteOr","removeAnchorName","removeEmptySlotWhitespace","removeEmptyTextNode","sameOrderedStringArray","scopedRegistry","setActiveKeyListItem","shiftLeft","slotContainsOnlyWhitespace","stateExpanded","stateHighlighted","stateScroll","stateSelected","statusIcons","statusStateStyles","styleSheetToString","supportStateStyles","throttle","typeAnchor","typeSSR","uniqueNonEmptyStrings","useStyles","validKeyNavigationCode","import__nvidia_elements_foundations_internal_i18n","__reExport","excessiveInstanceLimit"],"sources":["../../src/internal/index.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * @internal private common utilities for Elements\n */\nexport * from './controllers/audit.controller.js';\nexport * from './controllers/gesture.controller.js';\nexport * from './controllers/key-state.controller.js';\nexport * from './controllers/keynav-grid.controller.js';\nexport * from './controllers/keynav-list.controller.js';\nexport * from './controllers/keynav-spatial.controller.js';\nexport * from './controllers/state-expanded.controller.js';\nexport * from './controllers/state-highlighted.controller.js';\nexport * from './controllers/state-scroll.controller.js';\nexport * from './controllers/state-selected.controller.js';\nexport * from './controllers/type-anchor.controller.js';\nexport * from './controllers/type-closable.controller.js';\nexport * from './controllers/type-expandable.controller.js';\nexport * from './controllers/type-selectable.controller.js';\nexport * from './controllers/type-native-popover.controller.js';\nexport * from './controllers/type-ssr.controller.js';\nexport * from './decorators/host-attr.js';\nexport * from './decorators/scoped-registry.js';\nexport * from './styles/index.js';\nexport * from './styles/popover.js';\nexport * from '@nvidia-elements/foundations/internal/i18n';\nexport * from './services/log.service.js';\nexport * from './services/transition.service.js';\nexport * from './types/index.js';\nexport * from './utils/a11y.js';\nexport * from './utils/audit.js';\nexport * from './utils/dom.js';\nexport * from './utils/events.js';\nexport * from './utils/objects.js';\nexport * from './utils/strings.js';\nexport * from './utils/focus.js';\nexport * from './utils/keynav.js';\nexport * from './utils/numeric.js';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":["internal_exports","AuditController","DOCS_URL","GestureController","KeyNavigationGridController","KeyNavigationListController","KeyNavigationSpatialController","KeyStateController","KeynavCode","LogService","StateExpandedController","StateHighlightedController","StateScrollController","StateSelectedController","TransitionService","TypeAnchorController","TypeClosableController","TypeExpandableController","TypeNativePopoverController","TypeSSRController","TypeSelectableController","appendAnchorName","appendRootNodeStyle","applySlotContentStates","associateAriaDescribedBy","associateAriaLabel","associateControlGroup","associateDataList","associateLabel","audit","auditParentElement","clickOutsideElementBounds","colorStateStyles","createGhostElement","createLightDismiss","debounce","endOfScrollBox","finiteOr","focusElement","focusElementTimeout","formatFileSize","formatStandardNumber","generateId","getActiveElement","getAnchorNames","getAttributeChanges","getAttributeListChanges","getChildren","getCustomElementRegistry","getDisplayValue","getElementUpdate","getFlattenedDOMTree","getFlattenedFocusableItems","getNextKeyGridItem","getNextKeyListItem","getPropertyChanges","getThemeTokens","hasHorizontalScrollBar","hasInvalidDOMGrid","hostAttr","initializeKeyListItems","isContextMenuClick","isFocusable","isImmediateRootActiveElement","isSimpleFocusable","keyNavigationGrid","keyNavigationList","matchesElementName","nonnegativeFiniteOr","onChildListMutation","onListboxActivate","openEyeDropper","parseVersion","popoverStyles","positiveFiniteOr","removeAnchorName","removeEmptySlotWhitespace","removeEmptyTextNode","sameOrderedStringArray","setActiveKeyListItem","shiftLeft","slotContainsOnlyWhitespace","stateExpanded","stateHighlighted","stateScroll","stateSelected","statusIcons","statusStateStyles","styleSheetToString","supportStateStyles","throttle","typeAnchor","typeSSR","uniqueNonEmptyStrings","validKeyNavigationCode","import__nvidia_elements_foundations_internal_i18n","__reExport","excessiveInstanceLimit"],"sources":["../../src/internal/index.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * @internal private common utilities for Elements\n */\nexport * from './controllers/audit.controller.js';\nexport * from './controllers/gesture.controller.js';\nexport * from './controllers/key-state.controller.js';\nexport * from './controllers/keynav-grid.controller.js';\nexport * from './controllers/keynav-list.controller.js';\nexport * from './controllers/keynav-spatial.controller.js';\nexport * from './controllers/state-expanded.controller.js';\nexport * from './controllers/state-highlighted.controller.js';\nexport * from './controllers/state-scroll.controller.js';\nexport * from './controllers/state-selected.controller.js';\nexport * from './controllers/type-anchor.controller.js';\nexport * from './controllers/type-closable.controller.js';\nexport * from './controllers/type-expandable.controller.js';\nexport * from './controllers/type-selectable.controller.js';\nexport * from './controllers/type-native-popover.controller.js';\nexport * from './controllers/type-ssr.controller.js';\nexport * from './decorators/host-attr.js';\nexport * from './styles/index.js';\nexport * from './styles/popover.js';\nexport * from '@nvidia-elements/foundations/internal/i18n';\nexport * from './services/log.service.js';\nexport * from './services/transition.service.js';\nexport * from './types/index.js';\nexport * from './utils/a11y.js';\nexport * from './utils/audit.js';\nexport * from './utils/dom.js';\nexport * from './utils/events.js';\nexport * from './utils/objects.js';\nexport * from './utils/strings.js';\nexport * from './utils/focus.js';\nexport * from './utils/keynav.js';\nexport * from './utils/numeric.js';\n"],"mappings":""}

package/dist/internal/styles/index.d.ts

@@ -1,4 +1,3 @@
 export declare const colorStateStyles: string;
 export declare const statusStateStyles: string;
 export declare const supportStateStyles: string;
-export declare function useStyles(styles: unknown[]): import("lit").CSSResult[];

package/dist/internal/styles/index.js

@@ -1,18 +1,8 @@
-import e from "./base.js";
-import t from "./interaction-state.js";
-import n from "./color.state.js";
-import r from "./status.state.js";
-import i from "./support.state.js";
-import { unsafeCSS as a } from "lit";
+import e from "./color.state.js";
+import t from "./status.state.js";
+import n from "./support.state.js";
 // src/internal/styles/index.ts
-var o = n, s = r, c = i;
-function l(n) {
-	return [
-		a(e),
-		a(t),
-		...n.map((e) => a(e))
-	];
-}
-export { o as colorStateStyles, s as statusStateStyles, c as supportStateStyles, l as useStyles };
+var r = e, i = t, a = n;
+export { r as colorStateStyles, i as statusStateStyles, a as supportStateStyles };
 
 //# sourceMappingURL=index.js.map

package/dist/internal/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_colorStateStyles","_statusStateStyles","_supportStateStyles","base","state","base_default","interaction_state_default","color_state_default","status_state_default","support_state_default","colorStateStyles","statusStateStyles","supportStateStyles","useStyles","unsafeCSS","styles","s"],"sources":["../../../src/internal/styles/index.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { unsafeCSS } from 'lit';\nimport base from './base.css?inline';\nimport state from './interaction-state.css?inline';\nimport _colorStateStyles from './color.state.css?inline';\nimport _statusStateStyles from './status.state.css?inline';\nimport _supportStateStyles from './support.state.css?inline';\n\nexport const colorStateStyles = _colorStateStyles;\n\nexport const statusStateStyles = _statusStateStyles;\n\nexport const supportStateStyles = _supportStateStyles;\n\nexport function useStyles(styles: unknown[]) {\n  return [unsafeCSS(base), unsafeCSS(state), ...styles.map(s => unsafeCSS(s))];\n}\n"],"mappings":";;;;;;;AAUA,IAAaU,IAAmBV,GAEnBW,IAAoBV,GAEpBW,IAAqBV;AAElC,SAAgBW,EAAU,GAAmB;CAC3C,OAAO;EAACC,EAAUX,CAAI;EAAGW,EAAUV,CAAK;EAAG,GAAGW,EAAO,KAAI,MAAKD,EAAUE,CAAC,CAAC;CAAC;AAC7E"}
+{"version":3,"file":"index.js","names":["_colorStateStyles","_statusStateStyles","_supportStateStyles","color_state_default","status_state_default","support_state_default","colorStateStyles","statusStateStyles","supportStateStyles"],"sources":["../../../src/internal/styles/index.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport _colorStateStyles from './color.state.css?inline';\nimport _statusStateStyles from './status.state.css?inline';\nimport _supportStateStyles from './support.state.css?inline';\n\nexport const colorStateStyles = _colorStateStyles;\n\nexport const statusStateStyles = _statusStateStyles;\n\nexport const supportStateStyles = _supportStateStyles;\n"],"mappings":";;;;AAOA,IAAaM,IAAmBN,GAEnBO,IAAoBN,GAEpBO,IAAqBN"}

package/dist/internal/utils/a11y.d.ts

@@ -1,6 +1,3 @@
-export declare function attachInternals(element: HTMLElement & {
-    _internals?: ElementInternals;
-}): void;
 export declare function associateLabel(label: HTMLLabelElement, input: HTMLInputElement): void;
 export declare function associateAriaLabel(label: HTMLElement, element: HTMLElement): void;
 export declare function associateAriaDescribedBy(messages: HTMLElement[], element: HTMLElement): void;

package/dist/internal/utils/a11y.js

@@ -1,29 +1,26 @@
 import { generateId as e } from "./dom.js";
 // src/internal/utils/a11y.ts
-function t(e) {
-	e._internals === void 0 && (e._internals = e.attachInternals());
-}
-function n(t, n) {
+function t(t, n) {
 	t && n && (n.id = n.id ? n.id : e(), t.htmlFor = n.id);
 }
-function r(t, n) {
+function n(t, n) {
 	t && n && (t.id = t.id ? t.id : e(), n.setAttribute("aria-labelledby", t.id));
 }
-function i(t, n) {
+function r(t, n) {
 	if (t.length && n) {
 		let r = t.map((t) => t.id = e()).join(" ");
 		n.setAttribute("aria-describedby", r);
 	}
 }
-function a(t, n) {
+function i(t, n) {
 	t && (t.id = t.id?.length ? t.id : e(), n.setAttribute("list", t.id));
 }
-function o(t) {
+function a(t) {
 	if (!t.find((e) => e?.name?.length)) {
 		let n = e();
 		t.forEach((e) => e.name = n);
 	}
 }
-export { i as associateAriaDescribedBy, r as associateAriaLabel, o as associateControlGroup, a as associateDataList, n as associateLabel, t as attachInternals };
+export { r as associateAriaDescribedBy, n as associateAriaLabel, a as associateControlGroup, i as associateDataList, t as associateLabel };
 
 //# sourceMappingURL=a11y.js.map

package/dist/internal/utils/a11y.js.map

@@ -1 +1 @@
-{"version":3,"file":"a11y.js","names":["attachInternals","element","associateLabel","label","input","generateId","associateAriaLabel","associateAriaDescribedBy","messages","ids","associateDataList","datalist","associateControlGroup","elements","name"],"sources":["../../../src/internal/utils/a11y.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { generateId } from './dom.js';\n\nexport function attachInternals(element: HTMLElement & { _internals?: ElementInternals }) {\n  if (element._internals === undefined) {\n    element._internals = element.attachInternals();\n  }\n}\n\nexport function associateLabel(label: HTMLLabelElement, input: HTMLInputElement) {\n  if (label && input) {\n    input.id = input.id ? input.id : generateId();\n    label.htmlFor = input.id;\n  }\n}\n\nexport function associateAriaLabel(label: HTMLElement, element: HTMLElement) {\n  if (label && element) {\n    label.id = label.id ? label.id : generateId();\n    element.setAttribute('aria-labelledby', label.id);\n  }\n}\n\nexport function associateAriaDescribedBy(messages: HTMLElement[], element: HTMLElement) {\n  if (messages.length && element) {\n    const ids = messages.map(m => (m.id = generateId())).join(' ');\n    element.setAttribute('aria-describedby', ids);\n  }\n}\n\nexport function associateDataList(datalist: HTMLDataListElement, element: HTMLInputElement) {\n  if (datalist) {\n    datalist.id = datalist.id?.length ? datalist.id : generateId();\n    element.setAttribute('list', datalist.id);\n  }\n}\n\nexport function associateControlGroup(elements: HTMLInputElement[]) {\n  if (!elements.find(e => e?.name?.length)) {\n    const name = generateId();\n    elements.forEach(e => (e.name = name));\n  }\n}\n"],"mappings":";;AAKA,SAAgBA,EAAgB,GAA0D;CACxF,AAAIC,EAAQ,eAAe,KAAA,MACzB,EAAQ,aAAaA,EAAQ,gBAAgB;AAEjD;AAEA,SAAgBC,EAAe,GAAyB,GAAyB;CAC/E,AAAIC,KAASC,MACX,EAAM,KAAKA,EAAM,KAAKA,EAAM,KAAKC,EAAW,GAC5C,EAAM,UAAUD,EAAM;AAE1B;AAEA,SAAgBE,EAAmB,GAAoB,GAAsB;CAC3E,AAAIH,KAASF,MACX,EAAM,KAAKE,EAAM,KAAKA,EAAM,KAAKE,EAAW,GAC5CJ,EAAQ,aAAa,mBAAmBE,EAAM,EAAE;AAEpD;AAEA,SAAgBI,EAAyB,GAAyB,GAAsB;CACtF,IAAIC,EAAS,UAAUP,GAAS;EAC9B,IAAMQ,IAAMD,EAAS,KAAI,MAAM,EAAE,KAAKH,EAAW,CAAE,CAAC,CAAC,KAAK,GAAG;EAC7D,EAAQ,aAAa,oBAAoBI,CAAG;CAC9C;AACF;AAEA,SAAgBC,EAAkB,GAA+B,GAA2B;CAC1F,AAAIC,MACF,EAAS,KAAKA,EAAS,IAAI,SAASA,EAAS,KAAKN,EAAW,GAC7DJ,EAAQ,aAAa,QAAQU,EAAS,EAAE;AAE5C;AAEA,SAAgBC,EAAsB,GAA8B;CAClE,IAAI,CAACC,EAAS,MAAK,MAAK,GAAG,MAAM,MAAM,GAAG;EACxC,IAAMC,IAAOT,EAAW;EACxB,EAAS,SAAQ,MAAM,EAAE,OAAOS,CAAK;CACvC;AACF"}
+{"version":3,"file":"a11y.js","names":["associateLabel","label","input","generateId","associateAriaLabel","element","associateAriaDescribedBy","messages","ids","associateDataList","datalist","associateControlGroup","elements","name"],"sources":["../../../src/internal/utils/a11y.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { generateId } from './dom.js';\n\nexport function associateLabel(label: HTMLLabelElement, input: HTMLInputElement) {\n  if (label && input) {\n    input.id = input.id ? input.id : generateId();\n    label.htmlFor = input.id;\n  }\n}\n\nexport function associateAriaLabel(label: HTMLElement, element: HTMLElement) {\n  if (label && element) {\n    label.id = label.id ? label.id : generateId();\n    element.setAttribute('aria-labelledby', label.id);\n  }\n}\n\nexport function associateAriaDescribedBy(messages: HTMLElement[], element: HTMLElement) {\n  if (messages.length && element) {\n    const ids = messages.map(m => (m.id = generateId())).join(' ');\n    element.setAttribute('aria-describedby', ids);\n  }\n}\n\nexport function associateDataList(datalist: HTMLDataListElement, element: HTMLInputElement) {\n  if (datalist) {\n    datalist.id = datalist.id?.length ? datalist.id : generateId();\n    element.setAttribute('list', datalist.id);\n  }\n}\n\nexport function associateControlGroup(elements: HTMLInputElement[]) {\n  if (!elements.find(e => e?.name?.length)) {\n    const name = generateId();\n    elements.forEach(e => (e.name = name));\n  }\n}\n"],"mappings":";;AAKA,SAAgBA,EAAe,GAAyB,GAAyB;CAC/E,AAAIC,KAASC,MACX,EAAM,KAAKA,EAAM,KAAKA,EAAM,KAAKC,EAAW,GAC5C,EAAM,UAAUD,EAAM;AAE1B;AAEA,SAAgBE,EAAmB,GAAoB,GAAsB;CAC3E,AAAIH,KAASI,MACX,EAAM,KAAKJ,EAAM,KAAKA,EAAM,KAAKE,EAAW,GAC5CE,EAAQ,aAAa,mBAAmBJ,EAAM,EAAE;AAEpD;AAEA,SAAgBK,EAAyB,GAAyB,GAAsB;CACtF,IAAIC,EAAS,UAAUF,GAAS;EAC9B,IAAMG,IAAMD,EAAS,KAAI,MAAM,EAAE,KAAKJ,EAAW,CAAE,CAAC,CAAC,KAAK,GAAG;EAC7D,EAAQ,aAAa,oBAAoBK,CAAG;CAC9C;AACF;AAEA,SAAgBC,EAAkB,GAA+B,GAA2B;CAC1F,AAAIC,MACF,EAAS,KAAKA,EAAS,IAAI,SAASA,EAAS,KAAKP,EAAW,GAC7DE,EAAQ,aAAa,QAAQK,EAAS,EAAE;AAE5C;AAEA,SAAgBC,EAAsB,GAA8B;CAClE,IAAI,CAACC,EAAS,MAAK,MAAK,GAAG,MAAM,MAAM,GAAG;EACxC,IAAMC,IAAOV,EAAW;EACxB,EAAS,SAAQ,MAAM,EAAE,OAAOU,CAAK;CACvC;AACF"}

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.4",
+			version: "2.23.6",
 			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;
 }