@nvidia-elements/core 2.20.0 → 2.20.2

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

@@ -1 +1 @@
-{"version":3,"file":"type-native-popover.controller.js","names":[],"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  _activeTrigger?: HTMLElement;\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 '../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  _activeTrigger?: HTMLElement;\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-native-popover.utils.js

@@ -1,7 +1,7 @@
 import { LogService as e } from "../services/log.service.js";
 import { getIdMatchNotFoundWarning as t } from "../utils/audit-logs.js";
 import { getFlattenedDOMTree as n } from "../utils/dom.js";
-//#region src/internal/controllers/type-native-popover.utils.ts
+// src/internal/controllers/type-native-popover.utils.ts
 function r(e, t) {
 	return typeof t == "string" ? n(e.parentNode).filter((e) => e?.id !== "").find((e) => e.id === t) ?? globalThis.document.body : t;
 }
@@ -16,7 +16,6 @@ function i(r) {
 function a(e) {
 	return !!n(e).filter((e) => e.popover && e.matches(":popover-open")).length;
 }
-//#endregion
 export { i as getHostAnchor, r as getHostTrigger, a as hasOpenPopover };
 
 //# sourceMappingURL=type-native-popover.utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"type-native-popover.utils.js","names":[],"sources":["../../../src/internal/controllers/type-native-popover.utils.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LogService } from '../services/log.service.js';\nimport { getIdMatchNotFoundWarning } from '../utils/audit-logs.js';\nimport { generateId, getFlattenedDOMTree, getAnchorNames, appendAnchorName } from '../utils/dom.js';\n\nexport function associateAnchor(host: HTMLElement, anchor: HTMLElement) {\n  const anchorNames = getAnchorNames(anchor);\n  let anchorId = anchorNames.find(name => name.startsWith('--_'));\n  if (!anchorId) {\n    anchorId = `--${anchor.id && !anchor.id.includes(':') ? `_${anchor.id}` : generateId()}`;\n    appendAnchorName(anchor, anchorId);\n  }\n  host.style.positionAnchor = anchorId;\n}\n\nexport function getHostTrigger(element: HTMLElement, trigger: HTMLElement | string) {\n  if (typeof trigger === 'string') {\n    return (\n      (getFlattenedDOMTree(element.parentNode as HTMLElement)\n        .filter(el => el?.id !== '')\n        .find(el => el.id === trigger) as HTMLButtonElement) ?? globalThis.document.body\n    );\n  } else {\n    return trigger as HTMLButtonElement;\n  }\n}\n\nexport function getHostAnchor(host: HTMLElement & { anchor?: HTMLElement | string; _activeTrigger?: HTMLElement }) {\n  const anchor = host.anchor ?? host._activeTrigger;\n\n  if (typeof anchor === 'string' && anchor?.length) {\n    const match = getFlattenedDOMTree(host.parentNode as HTMLElement).find(el => el.id === anchor);\n\n    if (!match) {\n      LogService.warn(getIdMatchNotFoundWarning(anchor));\n    }\n\n    return match ?? globalThis.document.body;\n  } else if (anchor && anchor !== globalThis.document.body) {\n    return anchor as HTMLElement;\n  } else {\n    return globalThis.document.body;\n  }\n}\n\nexport function hasOpenPopover(host: HTMLElement) {\n  return !!getFlattenedDOMTree(host).filter(e => e.popover && e.matches(':popover-open')).length;\n}\n"],"mappings":";;;;AAiBA,SAAgB,EAAe,GAAsB,GAA+B;CAQhF,OAPE,OAAO,KAAY,WAElB,EAAoB,EAAQ,UAAyB,CAAC,CACpD,QAAO,MAAM,GAAI,OAAO,EAAE,CAAC,CAC3B,MAAK,MAAM,EAAG,OAAO,CAAO,KAA2B,WAAW,SAAS,OAGzE;AAEX;AAEA,SAAgB,EAAc,GAAqF;CACjH,IAAM,IAAS,EAAK,UAAU,EAAK;CAEnC,IAAI,OAAO,KAAW,YAAY,GAAQ,QAAQ;EAChD,IAAM,IAAQ,EAAoB,EAAK,UAAyB,CAAC,CAAC,MAAK,MAAM,EAAG,OAAO,CAAM;EAM7F,OAJK,KACH,EAAW,KAAK,EAA0B,CAAM,CAAC,GAG5C,KAAS,WAAW,SAAS;CACtC;CAGE,OAHS,KAAU,MAAW,WAAW,SAAS,OAC3C,IAEA,WAAW,SAAS;AAE/B;AAEA,SAAgB,EAAe,GAAmB;CAChD,OAAO,CAAC,CAAC,EAAoB,CAAI,CAAC,CAAC,QAAO,MAAK,EAAE,WAAW,EAAE,QAAQ,eAAe,CAAC,CAAC,CAAC;AAC1F"}
+{"version":3,"file":"type-native-popover.utils.js","names":["getHostTrigger","trigger","getFlattenedDOMTree","element","el","getHostAnchor","anchor","host","match","LogService","getIdMatchNotFoundWarning","hasOpenPopover"],"sources":["../../../src/internal/controllers/type-native-popover.utils.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LogService } from '../services/log.service.js';\nimport { getIdMatchNotFoundWarning } from '../utils/audit-logs.js';\nimport { generateId, getFlattenedDOMTree, getAnchorNames, appendAnchorName } from '../utils/dom.js';\n\nexport function associateAnchor(host: HTMLElement, anchor: HTMLElement) {\n  const anchorNames = getAnchorNames(anchor);\n  let anchorId = anchorNames.find(name => name.startsWith('--_'));\n  if (!anchorId) {\n    anchorId = `--${anchor.id && !anchor.id.includes(':') ? `_${anchor.id}` : generateId()}`;\n    appendAnchorName(anchor, anchorId);\n  }\n  host.style.positionAnchor = anchorId;\n}\n\nexport function getHostTrigger(element: HTMLElement, trigger: HTMLElement | string) {\n  if (typeof trigger === 'string') {\n    return (\n      (getFlattenedDOMTree(element.parentNode as HTMLElement)\n        .filter(el => el?.id !== '')\n        .find(el => el.id === trigger) as HTMLButtonElement) ?? globalThis.document.body\n    );\n  } else {\n    return trigger as HTMLButtonElement;\n  }\n}\n\nexport function getHostAnchor(host: HTMLElement & { anchor?: HTMLElement | string; _activeTrigger?: HTMLElement }) {\n  const anchor = host.anchor ?? host._activeTrigger;\n\n  if (typeof anchor === 'string' && anchor?.length) {\n    const match = getFlattenedDOMTree(host.parentNode as HTMLElement).find(el => el.id === anchor);\n\n    if (!match) {\n      LogService.warn(getIdMatchNotFoundWarning(anchor));\n    }\n\n    return match ?? globalThis.document.body;\n  } else if (anchor && anchor !== globalThis.document.body) {\n    return anchor as HTMLElement;\n  } else {\n    return globalThis.document.body;\n  }\n}\n\nexport function hasOpenPopover(host: HTMLElement) {\n  return !!getFlattenedDOMTree(host).filter(e => e.popover && e.matches(':popover-open')).length;\n}\n"],"mappings":";;;;AAiBA,SAAgBA,EAAe,GAAsB,GAA+B;CAQhF,OAPE,OAAOC,KAAY,WAElBC,EAAoBC,EAAQ,UAAyB,CAAC,CACpD,QAAO,MAAMC,GAAI,OAAO,EAAE,CAAC,CAC3B,MAAK,MAAMA,EAAG,OAAOH,CAAO,KAA2B,WAAW,SAAS,OAGzEA;AAEX;AAEA,SAAgBI,EAAc,GAAqF;CACjH,IAAMC,IAASC,EAAK,UAAUA,EAAK;CAEnC,IAAI,OAAOD,KAAW,YAAYA,GAAQ,QAAQ;EAChD,IAAME,IAAQN,EAAoBK,EAAK,UAAyB,CAAC,CAAC,MAAK,MAAMH,EAAG,OAAOE,CAAM;EAM7F,OAJKE,KACHC,EAAW,KAAKC,EAA0BJ,CAAM,CAAC,GAG5CE,KAAS,WAAW,SAAS;CACtC;CAGE,OAHSF,KAAUA,MAAW,WAAW,SAAS,OAC3CA,IAEA,WAAW,SAAS;AAE/B;AAEA,SAAgBK,EAAe,GAAmB;CAChD,OAAO,CAAC,CAACT,EAAoBK,CAAI,CAAC,CAAC,QAAO,MAAK,EAAE,WAAW,EAAE,QAAQ,eAAe,CAAC,CAAC,CAAC;AAC1F"}

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

@@ -1,6 +1,5 @@
-//#region src/internal/controllers/type-popover.controller.examples.ts
+// src/internal/controllers/type-popover.controller.examples.ts
 var e = "";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=type-popover.controller.examples.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"type-popover.controller.examples.js","names":[],"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,IAAA,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, 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"}

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

@@ -1,5 +1,5 @@
 import { attachInternals as e } from "../utils/a11y.js";
-//#region src/internal/controllers/type-selectable.controller.ts
+// src/internal/controllers/type-selectable.controller.ts
 var t = class {
 	#e = !1;
 	constructor(e) {
@@ -31,7 +31,6 @@ var t = class {
 		this.host.selected ? this.deselect() : this.select();
 	}
 };
-//#endregion
 export { t as TypeSelectableController };
 
 //# sourceMappingURL=type-selectable.controller.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"type-selectable.controller.js","names":[],"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,IAAa,IAAb,MAA8F;CAC5F,KAAoB;CACpB,YAAY,GAAiB;EAC3B,AADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,IAAI;CAC9B;CAEA,gBAAgB;EAGd,AAFA,EAAgB,KAAK,IAAI,GAEzB,KAAK,KAAK,iBAAiB,aAAa,MAAoB;GAa1D,AAZA,KAAK,KAAoB,IACrB,EAAE,YAAY,qBAChB,KAAK,OAAO,GAGV,EAAE,YAAY,cAChB,KAAK,OAAO,GAGV,EAAE,YAAY,iBAChB,KAAK,KAAK,WAAW,KAEvB,KAAK,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,KAAK,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,KAAK,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 '../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"}

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

@@ -2,7 +2,7 @@ import { LogService as e } from "../services/log.service.js";
 import { getSSRMismatchWarning as t } from "../utils/audit-logs.js";
 import { getEnv as n } from "@nvidia-elements/foundations/internal/state";
 import { render as r } from "lit";
-//#region src/internal/controllers/type-ssr.controller.ts
+// src/internal/controllers/type-ssr.controller.ts
 function i(e = { log: !0 }) {
 	return (t) => t.addInitializer((t) => new a(t, e));
 }
@@ -32,7 +32,6 @@ var a = class {
 		}), this.host._internals?.role && this.host.setAttribute("role", this.host._internals.role));
 	}
 };
-//#endregion
 export { a as TypeSSRController, i as typeSSR };
 
 //# sourceMappingURL=type-ssr.controller.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"type-ssr.controller.js","names":[],"sources":["../../../src/internal/controllers/type-ssr.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, RenderOptions, TemplateResult } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { render } from 'lit';\nimport { LogService } from '../services/log.service.js';\nimport { getSSRMismatchWarning } from '../utils/audit-logs.js';\nimport { getEnv } from '@nvidia-elements/foundations/internal/state';\n\ntype UnprotectedLitElement = ReactiveElement & {\n  update: () => void;\n  render: () => TemplateResult;\n  renderOptions: RenderOptions;\n  _internals?: ElementInternals;\n};\n\n/**\n * Catch and manage hydration related fallbacks for SSR\n */\nexport function typeSSR<T extends UnprotectedLitElement>(options: { log?: boolean } = { log: true }): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!(\n      (instance: T & { _internals: ElementInternals }) => new TypeSSRController(instance, options)\n    );\n}\n\nexport class TypeSSRController<T extends ReactiveElement> implements ReactiveController {\n  // https://www.konnorrogers.com/posts/2024/running-lit-ssr-in-web-awesome#hydration-errors\n  didSSR = Boolean(this.host.shadowRoot);\n\n  constructor(\n    private host: T & UnprotectedLitElement,\n    private options: { log?: boolean }\n  ) {\n    this.host.addController(this);\n\n    // https://github.com/lit/lit/issues/1434#issuecomment-1598332000\n    if (this.didSSR) {\n      const controllerOptions = this.options;\n      const updateOriginal = host.update;\n      Object.defineProperty(host, 'update', {\n        value: function () {\n          try {\n            updateOriginal.call(host);\n            // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          } catch (_) {\n            const renderRoot = host.renderRoot as HTMLElement;\n            renderRoot.innerHTML = renderRoot.innerHTML.split('<!--lit-part ')[0]!;\n            render(host.render(), renderRoot, host.renderOptions);\n\n            if (getEnv() !== 'production' && controllerOptions.log) {\n              LogService.warn(getSSRMismatchWarning(host.localName));\n            }\n          }\n          return updateOriginal;\n        }\n      });\n    }\n  }\n\n  #firstUpdate = true;\n  hostUpdated() {\n    // https://github.com/lit/lit/discussions/4697\n    // https://github.com/w3c/csswg-drafts/issues/6867#issuecomment-1599444407\n    if (this.didSSR && this.#firstUpdate) {\n      this.#firstUpdate = false;\n      this.host.shadowRoot?.querySelectorAll('slot').forEach(slotElement => {\n        slotElement.dispatchEvent(new Event('slotchange', { bubbles: true, composed: false, cancelable: false }));\n      });\n\n      // if SSR reflect role attribute to host\n      if (this.host._internals?.role) {\n        this.host.setAttribute('role', this.host._internals.role);\n      }\n    }\n  }\n}\n"],"mappings":";;;;;AAoBA,SAAgB,EAAyC,IAA6B,EAAE,KAAK,GAAK,GAAmB;CACnH,QAAQ,MACN,EAAO,gBACJ,MAAmD,IAAI,EAAkB,GAAU,CAAO,CAC7F;AACJ;AAEA,IAAa,IAAb,MAAwF;CAItF,YACE,GACA,GACA;EAIA,IANQ,KAAA,OAAA,GACA,KAAA,UAAA,GAJD,KAAA,SAAA,EAAQ,KAAK,KAAK,YAgCZ,KAAA,KAAA,IA1Bb,KAAK,KAAK,cAAc,IAAI,GAGxB,KAAK,QAAQ;GACf,IAAM,IAAoB,KAAK,SACzB,IAAiB,EAAK;GAC5B,OAAO,eAAe,GAAM,UAAU,EACpC,OAAO,WAAY;IACjB,IAAI;KACF,EAAe,KAAK,CAAI;IAE1B,QAAY;KACV,IAAM,IAAa,EAAK;KAIxB,AAHA,EAAW,YAAY,EAAW,UAAU,MAAM,eAAe,CAAC,CAAC,IACnE,EAAO,EAAK,OAAO,GAAG,GAAY,EAAK,aAAa,GAEhD,EAAO,MAAM,gBAAgB,EAAkB,OACjD,EAAW,KAAK,EAAsB,EAAK,SAAS,CAAC;IAEzD;IACA,OAAO;GACT,EACF,CAAC;EACH;CACF;CAEA;CACA,cAAc;EAGZ,AAAI,KAAK,UAAU,KAAK,OACtB,KAAK,KAAe,IACpB,KAAK,KAAK,YAAY,iBAAiB,MAAM,CAAC,CAAC,SAAQ,MAAe;GACpE,EAAY,cAAc,IAAI,MAAM,cAAc;IAAE,SAAS;IAAM,UAAU;IAAO,YAAY;GAAM,CAAC,CAAC;EAC1G,CAAC,GAGG,KAAK,KAAK,YAAY,QACxB,KAAK,KAAK,aAAa,QAAQ,KAAK,KAAK,WAAW,IAAI;CAG9D;AACF"}
+{"version":3,"file":"type-ssr.controller.js","names":["typeSSR","target","TypeSSRController","instance","options","host","#firstUpdate","controllerOptions","updateOriginal","renderRoot","render","getEnv","LogService","getSSRMismatchWarning"],"sources":["../../../src/internal/controllers/type-ssr.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, RenderOptions, TemplateResult } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { render } from 'lit';\nimport { LogService } from '../services/log.service.js';\nimport { getSSRMismatchWarning } from '../utils/audit-logs.js';\nimport { getEnv } from '@nvidia-elements/foundations/internal/state';\n\ntype UnprotectedLitElement = ReactiveElement & {\n  update: () => void;\n  render: () => TemplateResult;\n  renderOptions: RenderOptions;\n  _internals?: ElementInternals;\n};\n\n/**\n * Catch and manage hydration related fallbacks for SSR\n */\nexport function typeSSR<T extends UnprotectedLitElement>(options: { log?: boolean } = { log: true }): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!(\n      (instance: T & { _internals: ElementInternals }) => new TypeSSRController(instance, options)\n    );\n}\n\nexport class TypeSSRController<T extends ReactiveElement> implements ReactiveController {\n  // https://www.konnorrogers.com/posts/2024/running-lit-ssr-in-web-awesome#hydration-errors\n  didSSR = Boolean(this.host.shadowRoot);\n\n  constructor(\n    private host: T & UnprotectedLitElement,\n    private options: { log?: boolean }\n  ) {\n    this.host.addController(this);\n\n    // https://github.com/lit/lit/issues/1434#issuecomment-1598332000\n    if (this.didSSR) {\n      const controllerOptions = this.options;\n      const updateOriginal = host.update;\n      Object.defineProperty(host, 'update', {\n        value: function () {\n          try {\n            updateOriginal.call(host);\n            // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          } catch (_) {\n            const renderRoot = host.renderRoot as HTMLElement;\n            renderRoot.innerHTML = renderRoot.innerHTML.split('<!--lit-part ')[0]!;\n            render(host.render(), renderRoot, host.renderOptions);\n\n            if (getEnv() !== 'production' && controllerOptions.log) {\n              LogService.warn(getSSRMismatchWarning(host.localName));\n            }\n          }\n          return updateOriginal;\n        }\n      });\n    }\n  }\n\n  #firstUpdate = true;\n  hostUpdated() {\n    // https://github.com/lit/lit/discussions/4697\n    // https://github.com/w3c/csswg-drafts/issues/6867#issuecomment-1599444407\n    if (this.didSSR && this.#firstUpdate) {\n      this.#firstUpdate = false;\n      this.host.shadowRoot?.querySelectorAll('slot').forEach(slotElement => {\n        slotElement.dispatchEvent(new Event('slotchange', { bubbles: true, composed: false, cancelable: false }));\n      });\n\n      // if SSR reflect role attribute to host\n      if (this.host._internals?.role) {\n        this.host.setAttribute('role', this.host._internals.role);\n      }\n    }\n  }\n}\n"],"mappings":";;;;;AAoBA,SAAgBA,EAAyC,IAA6B,EAAE,KAAK,GAAK,GAAmB;CACnH,QAAQ,MACNC,EAAO,gBACJ,MAAmD,IAAIC,EAAkBC,GAAUC,CAAO,CAC7F;AACJ;AAEA,IAAaF,IAAb,MAAwF;CAItF,YACE,GACA,GACA;EAIA,IANQ,KAAA,OAAAG,GACA,KAAA,UAAAD,GAJD,KAAA,SAAA,EAAQ,KAAK,KAAK,YAgCZ,KAAAE,KAAA,IA1Bb,KAAK,KAAK,cAAc,IAAI,GAGxB,KAAK,QAAQ;GACf,IAAMC,IAAoB,KAAK,SACzBC,IAAiBH,EAAK;GAC5B,OAAO,eAAeA,GAAM,UAAU,EACpC,OAAO,WAAY;IACjB,IAAI;KACF,EAAe,KAAKA,CAAI;IAE1B,QAAY;KACV,IAAMI,IAAaJ,EAAK;KAIxB,AAHA,EAAW,YAAYI,EAAW,UAAU,MAAM,eAAe,CAAC,CAAC,IACnEC,EAAOL,EAAK,OAAO,GAAGI,GAAYJ,EAAK,aAAa,GAEhDM,EAAO,MAAM,gBAAgBJ,EAAkB,OACjDK,EAAW,KAAKC,EAAsBR,EAAK,SAAS,CAAC;IAEzD;IACA,OAAOG;GACT,EACF,CAAC;EACH;CACF;CAEA;CACA,cAAc;EAGZ,AAAI,KAAK,UAAU,KAAKF,OACtB,KAAKA,KAAe,IACpB,KAAK,KAAK,YAAY,iBAAiB,MAAM,CAAC,CAAC,SAAQ,MAAe;GACpE,EAAY,cAAc,IAAI,MAAM,cAAc;IAAE,SAAS;IAAM,UAAU;IAAO,YAAY;GAAM,CAAC,CAAC;EAC1G,CAAC,GAGG,KAAK,KAAK,YAAY,QACxB,KAAK,KAAK,aAAa,QAAQ,KAAK,KAAK,WAAW,IAAI;CAG9D;AACF"}

package/dist/internal/decorators/host-attr.js

@@ -1,5 +1,5 @@
 import { property as e } from "lit/decorators/property.js";
-//#region src/internal/decorators/host-attr.ts
+// src/internal/decorators/host-attr.ts
 function t(t = {
 	type: String,
 	reflect: !0
@@ -10,7 +10,6 @@ function t(t = {
 		...t
 	});
 }
-//#endregion
 export { t as hostAttr };
 
 //# sourceMappingURL=host-attr.js.map

package/dist/internal/decorators/host-attr.js.map

@@ -1 +1 @@
-{"version":3,"file":"host-attr.js","names":[],"sources":["../../../src/internal/decorators/host-attr.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyDeclaration } from 'lit';\nimport { property } from 'lit/decorators/property.js';\n\n/**\n * Enables declarative way to set host element attributes such as slots.\n * Use when needing to set host attributes but not create a public API property/attr for consumer.\n */\nexport function hostAttr(options: PropertyDeclaration = { type: String, reflect: true }) {\n  return property({ type: String, reflect: true, ...options });\n}\n"],"mappings":";;AAUA,SAAgB,EAAS,IAA+B;CAAE,MAAM;CAAQ,SAAS;AAAK,GAAG;CACvF,OAAO,EAAS;EAAE,MAAM;EAAQ,SAAS;EAAM,GAAG;CAAQ,CAAC;AAC7D"}
+{"version":3,"file":"host-attr.js","names":["hostAttr","property","options"],"sources":["../../../src/internal/decorators/host-attr.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyDeclaration } from 'lit';\nimport { property } from 'lit/decorators/property.js';\n\n/**\n * Enables declarative way to set host element attributes such as slots.\n * Use when needing to set host attributes but not create a public API property/attr for consumer.\n */\nexport function hostAttr(options: PropertyDeclaration = { type: String, reflect: true }) {\n  return property({ type: String, reflect: true, ...options });\n}\n"],"mappings":";;AAUA,SAAgBA,EAAS,IAA+B;CAAE,MAAM;CAAQ,SAAS;AAAK,GAAG;CACvF,OAAOC,EAAS;EAAE,MAAM;EAAQ,SAAS;EAAM,GAAGC;CAAQ,CAAC;AAC7D"}

package/dist/internal/decorators/scoped-registry.js

@@ -1,6 +1,6 @@
 import { GlobalStateService as e } from "@nvidia-elements/foundations/internal/state";
 import { defineElement as t, supportsScopedRegistry as n } from "@nvidia-elements/foundations/internal/define";
-//#region src/internal/decorators/scoped-registry.ts
+// src/internal/decorators/scoped-registry.ts
 var r = /* @__PURE__ */ new WeakSet();
 function i(e, t) {
 	return { importNode: (n, r = !1) => e.importNode(n, {
@@ -31,7 +31,6 @@ function o() {
 		}), a(i, o)), t(i, o);
 	};
 }
-//#endregion
 export { o as scopedRegistry };
 
 //# sourceMappingURL=scoped-registry.js.map

package/dist/internal/decorators/scoped-registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"scoped-registry.js","names":[],"sources":["../../../src/internal/decorators/scoped-registry.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { RenderOptions } from 'lit';\nimport { GlobalStateService } from '@nvidia-elements/foundations/internal/state';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport type { ElementDefinition } from '@nvidia-elements/foundations/internal/define';\nimport { defineElement, supportsScopedRegistry } from '@nvidia-elements/foundations/internal/define';\n\ninterface ScopedRegistryHost extends HTMLElement {\n  createRenderRoot?: () => HTMLElement | DocumentFragment;\n  renderOptions?: RenderOptions;\n}\n\nconst litCreationScopeElements = new WeakSet<ElementDefinition>();\n\n/** Lit passes a legacy `deep` boolean, but scoped registries require `ImportNodeOptions`. https://html.spec.whatwg.org/multipage/custom-elements.html#scoped-custom-element-registries */\nfunction createScopedCreationScope(ownerDocument: Document, customElementRegistry: CustomElementRegistry) {\n  return {\n    importNode: (node: Node, deep = false) =>\n      ownerDocument.importNode(node, {\n        customElementRegistry,\n        selfOnly: !deep\n      })\n  } satisfies NonNullable<RenderOptions['creationScope']>;\n}\n\nfunction attachLitCreationScope(element: ElementDefinition, customElementRegistry: CustomElementRegistry) {\n  if (litCreationScopeElements.has(element)) return;\n\n  const host = element.prototype as ScopedRegistryHost;\n  const createRenderRoot = host.createRenderRoot;\n  if (!createRenderRoot) return;\n\n  litCreationScopeElements.add(element);\n  Object.defineProperty(host, 'createRenderRoot', {\n    configurable: true,\n    value(this: ScopedRegistryHost) {\n      const renderRoot = createRenderRoot.call(this);\n      if (renderRoot instanceof ShadowRoot) {\n        this.renderOptions ??= {};\n        this.renderOptions.creationScope = createScopedCreationScope(renderRoot.ownerDocument, customElementRegistry);\n      }\n      return renderRoot;\n    }\n  });\n}\n\n/** decorator which registers element dependencies with the scoped custom element registry when available */\nexport function scopedRegistry(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) => {\n    const element = target as unknown as ElementDefinition;\n    const customElementRegistry = GlobalStateService.getScopedRegistry(element.metadata.version);\n    if (supportsScopedRegistry) {\n      Object.defineProperty(element, 'shadowRootOptions', {\n        configurable: true,\n        value: { ...(element.shadowRootOptions ?? { mode: 'open' }), customElementRegistry }\n      });\n      attachLitCreationScope(element, customElementRegistry);\n    }\n    defineElement(element, customElementRegistry);\n  };\n}\n"],"mappings":";;;AAcA,IAAM,oBAA2B,IAAI,QAA2B;AAGhE,SAAS,EAA0B,GAAyB,GAA8C;CACxG,OAAO,EACL,aAAa,GAAY,IAAO,OAC9B,EAAc,WAAW,GAAM;EAC7B;EACA,UAAU,CAAC;CACb,CAAC,EACL;AACF;AAEA,SAAS,EAAuB,GAA4B,GAA8C;CACxG,IAAI,EAAyB,IAAI,CAAO,GAAG;CAE3C,IAAM,IAAO,EAAQ,WACf,IAAmB,EAAK;CACzB,MAEL,EAAyB,IAAI,CAAO,GACpC,OAAO,eAAe,GAAM,oBAAoB;EAC9C,cAAc;EACd,QAAgC;GAC9B,IAAM,IAAa,EAAiB,KAAK,IAAI;GAK7C,OAJI,aAAsB,eACxB,KAAK,kBAAkB,CAAC,GACxB,KAAK,cAAc,gBAAgB,EAA0B,EAAW,eAAe,CAAqB,IAEvG;EACT;CACF,CAAC;AACH;AAGA,SAAgB,IAAiC;CAC/C,QAAQ,MAAkC;EACxC,IAAM,IAAU,GACV,IAAwB,EAAmB,kBAAkB,EAAQ,SAAS,OAAO;EAQ3F,AAPI,MACF,OAAO,eAAe,GAAS,qBAAqB;GAClD,cAAc;GACd,OAAO;IAAE,GAAI,EAAQ,qBAAqB,EAAE,MAAM,OAAO;IAAI;GAAsB;EACrF,CAAC,GACD,EAAuB,GAAS,CAAqB,IAEvD,EAAc,GAAS,CAAqB;CAC9C;AACF"}
+{"version":3,"file":"scoped-registry.js","names":["litCreationScopeElements","createScopedCreationScope","ownerDocument","node","deep","attachLitCreationScope","element","host","createRenderRoot","renderRoot","customElementRegistry","scopedRegistry","target","GlobalStateService","supportsScopedRegistry","defineElement"],"sources":["../../../src/internal/decorators/scoped-registry.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { RenderOptions } from 'lit';\nimport { GlobalStateService } from '@nvidia-elements/foundations/internal/state';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport type { ElementDefinition } from '@nvidia-elements/foundations/internal/define';\nimport { defineElement, supportsScopedRegistry } from '@nvidia-elements/foundations/internal/define';\n\ninterface ScopedRegistryHost extends HTMLElement {\n  createRenderRoot?: () => HTMLElement | DocumentFragment;\n  renderOptions?: RenderOptions;\n}\n\nconst litCreationScopeElements = new WeakSet<ElementDefinition>();\n\n/** Lit passes a legacy `deep` boolean, but scoped registries require `ImportNodeOptions`. https://html.spec.whatwg.org/multipage/custom-elements.html#scoped-custom-element-registries */\nfunction createScopedCreationScope(ownerDocument: Document, customElementRegistry: CustomElementRegistry) {\n  return {\n    importNode: (node: Node, deep = false) =>\n      ownerDocument.importNode(node, {\n        customElementRegistry,\n        selfOnly: !deep\n      })\n  } satisfies NonNullable<RenderOptions['creationScope']>;\n}\n\nfunction attachLitCreationScope(element: ElementDefinition, customElementRegistry: CustomElementRegistry) {\n  if (litCreationScopeElements.has(element)) return;\n\n  const host = element.prototype as ScopedRegistryHost;\n  const createRenderRoot = host.createRenderRoot;\n  if (!createRenderRoot) return;\n\n  litCreationScopeElements.add(element);\n  Object.defineProperty(host, 'createRenderRoot', {\n    configurable: true,\n    value(this: ScopedRegistryHost) {\n      const renderRoot = createRenderRoot.call(this);\n      if (renderRoot instanceof ShadowRoot) {\n        this.renderOptions ??= {};\n        this.renderOptions.creationScope = createScopedCreationScope(renderRoot.ownerDocument, customElementRegistry);\n      }\n      return renderRoot;\n    }\n  });\n}\n\n/** decorator which registers element dependencies with the scoped custom element registry when available */\nexport function scopedRegistry(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) => {\n    const element = target as unknown as ElementDefinition;\n    const customElementRegistry = GlobalStateService.getScopedRegistry(element.metadata.version);\n    if (supportsScopedRegistry) {\n      Object.defineProperty(element, 'shadowRootOptions', {\n        configurable: true,\n        value: { ...(element.shadowRootOptions ?? { mode: 'open' }), customElementRegistry }\n      });\n      attachLitCreationScope(element, customElementRegistry);\n    }\n    defineElement(element, customElementRegistry);\n  };\n}\n"],"mappings":";;;AAcA,IAAMA,oBAA2B,IAAI,QAA2B;AAGhE,SAASC,EAA0B,GAAyB,GAA8C;CACxG,OAAO,EACL,aAAa,GAAY,IAAO,OAC9BC,EAAc,WAAWC,GAAM;EAC7B;EACA,UAAU,CAACC;CACb,CAAC,EACL;AACF;AAEA,SAASC,EAAuB,GAA4B,GAA8C;CACxG,IAAIL,EAAyB,IAAIM,CAAO,GAAG;CAE3C,IAAMC,IAAOD,EAAQ,WACfE,IAAmBD,EAAK;CAC9B,AAAKC,MAELR,EAAyB,IAAIM,CAAO,GACpC,OAAO,eAAeC,GAAM,oBAAoB;EAC9C,cAAc;EACd,QAAgC;GAC9B,IAAME,IAAaD,EAAiB,KAAK,IAAI;GAK7C,OAJIC,aAAsB,eACxB,KAAK,kBAAkB,CAAC,GACxB,KAAK,cAAc,gBAAgBR,EAA0BQ,EAAW,eAAeC,CAAqB,IAEvGD;EACT;CACF,CAAC;AACH;AAGA,SAAgBE,IAAiC;CAC/C,QAAQ,MAAkC;EACxC,IAAML,IAAUM,GACVF,IAAwBG,EAAmB,kBAAkBP,EAAQ,SAAS,OAAO;EAQ3F,AAPIQ,MACF,OAAO,eAAeR,GAAS,qBAAqB;GAClD,cAAc;GACd,OAAO;IAAE,GAAIA,EAAQ,qBAAqB,EAAE,MAAM,OAAO;IAAI;GAAsB;EACrF,CAAC,GACDD,EAAuBC,GAASI,CAAqB,IAEvDK,EAAcT,GAASI,CAAqB;CAC9C;AACF"}

package/dist/internal/index.js

@@ -33,7 +33,7 @@ import { formatStandardNumber as Je, getDifference as Ye, isObject as Xe, parseV
 import { createLightDismiss as Qe, onKeys as $e } from "./utils/keynav.js";
 import { finiteOr as et, nonnegativeFiniteOr as tt, positiveFiniteOr as nt } from "./utils/numeric.js";
 export * from "@nvidia-elements/foundations/internal/i18n";
-//#region src/internal/index.ts
+// src/internal/index.ts
 var rt = /* @__PURE__ */ ee({
 	AuditController: () => a,
 	DOCS_URL: () => n,
@@ -147,7 +147,6 @@ var rt = /* @__PURE__ */ ee({
 });
 import * as it from "@nvidia-elements/foundations/internal/i18n";
 te(rt, it);
-//#endregion
 export { a as AuditController, n as DOCS_URL, s as GestureController, se as KeyNavigationGridController, ue as KeyNavigationListController, pe as KeyNavigationSpatialController, c as KeyStateController, S as KeynavCode, e as LogService, be as StateExpandedController, Se as StateHighlightedController, we as StateScrollController, Ee as StateSelectedController, Ke as TransitionService, Oe as TypeAnchorController, Ae as TypeClosableController, je as TypeExpandableController, Ne as TypeNativePopoverController, Pe as TypeSSRController, Me as TypeSelectableController, C as appendAnchorName, w as appendRootNodeStyle, T as applySlotContentStates, me as associateAriaDescribedBy, he as associateAriaLabel, ge as associateControlGroup, _e as associateDataList, ve as associateLabel, ye as attachInternals, o as audit, t as auditParentElement, E as clickOutsideElementBounds, Re as colorStateStyles, D as createGhostElement, Qe as createLightDismiss, l as debounce, O as endOfScrollBox, ne as excessiveInstanceLimit, et as finiteOr, p as focusElement, m as focusElementTimeout, r as formatFileSize, Je as formatStandardNumber, k as generateId, h as getActiveElement, A as getAnchorNames, j as getAttributeChanges, M as getAttributeListChanges, N as getChildren, P as getCustomElementRegistry, Ye as getDifference, F as getDisplayValue, I as getElementUpdate, L as getFlattenedDOMTree, R as getFlattenedFocusableItems, ce as getNextKeyGridItem, de as getNextKeyListItem, z as getPropertyChanges, B as getThemeTokens, V as hasHorizontalScrollBar, H as hasInvalidDOMGrid, U as hasScrollBar, Ie as hostAttr, g as initializeKeyListItems, rt as internal_exports, W as isContextMenuClick, _ as isFocusable, v as isImmediateRootActiveElement, Xe as isObject, y as isSimpleFocusable, le as keyNavigationGrid, fe as keyNavigationList, G as matchesElementName, tt as nonnegativeFiniteOr, u as onChildListMutation, $e as onKeys, b as onListboxActivate, K as openEyeDropper, q as parseTokenNumber, Ze as parseVersion, Ge as popoverStyles, nt as positiveFiniteOr, J as removeAnchorName, Y as removeEmptySlotWhitespace, X as removeEmptyTextNode, Z as sameOrderedStringArray, Q as sameRenderRoot, Le as scopedRegistry, re as scrollBarWidth, x as setActiveKeyListItem, i as shiftLeft, ie as slotContainsOnlyWhitespace, xe as stateExpanded, Ce as stateHighlighted, Te as stateScroll, De as stateSelected, qe as statusIcons, ze as statusStateStyles, d as stopEvent, ae as styleSheetToString, Be as supportStateStyles, He as supportsCSSLegacyInsetArea, Ue as supportsCSSPositionArea, We as supportsNativeCSSAnchorPosition, f as throttle, ke as typeAnchor, Fe as typeSSR, oe as uniqueNonEmptyStrings, Ve as useStyles, $ as validKeyNavigationCode };
 
 //# sourceMappingURL=index.js.map

package/dist/internal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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';\nexport * from './utils/supports.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","attachInternals","audit","auditParentElement","clickOutsideElementBounds","colorStateStyles","createGhostElement","createLightDismiss","debounce","endOfScrollBox","finiteOr","focusElement","focusElementTimeout","formatFileSize","formatStandardNumber","generateId","getActiveElement","getAnchorNames","getAttributeChanges","getAttributeListChanges","getChildren","getCustomElementRegistry","getDifference","getDisplayValue","getElementUpdate","getFlattenedDOMTree","getFlattenedFocusableItems","getNextKeyGridItem","getNextKeyListItem","getPropertyChanges","getThemeTokens","hasHorizontalScrollBar","hasInvalidDOMGrid","hasScrollBar","hostAttr","initializeKeyListItems","isContextMenuClick","isFocusable","isImmediateRootActiveElement","isObject","isSimpleFocusable","keyNavigationGrid","keyNavigationList","matchesElementName","nonnegativeFiniteOr","onChildListMutation","onKeys","onListboxActivate","openEyeDropper","parseTokenNumber","parseVersion","popoverStyles","positiveFiniteOr","removeAnchorName","removeEmptySlotWhitespace","removeEmptyTextNode","sameOrderedStringArray","sameRenderRoot","scopedRegistry","scrollBarWidth","setActiveKeyListItem","shiftLeft","slotContainsOnlyWhitespace","stateExpanded","stateHighlighted","stateScroll","stateSelected","statusIcons","statusStateStyles","stopEvent","styleSheetToString","supportStateStyles","supportsCSSLegacyInsetArea","supportsCSSPositionArea","supportsNativeCSSAnchorPosition","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';\nexport * from './utils/supports.js';\n"],"mappings":""}

package/dist/internal/services/log.service.js

@@ -1,5 +1,5 @@
 import { GlobalStateService as e } from "@nvidia-elements/foundations/internal/state";
-//#region src/internal/services/log.service.ts
+// src/internal/services/log.service.ts
 var t = "@nve: ", n = class {
 	static log(n, ...r) {
 		e.state.env !== "production" && console.log(`${t}${n}`, ...r);
@@ -18,7 +18,6 @@ var t = "@nve: ", n = class {
 		} }));
 	}
 };
-//#endregion
 export { n as LogService };
 
 //# sourceMappingURL=log.service.js.map

package/dist/internal/services/log.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"log.service.js","names":[],"sources":["../../../src/internal/services/log.service.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { GlobalStateService } from '@nvidia-elements/foundations/internal/state';\n\nconst prefix = '@nve: ';\n\nexport class LogService {\n  static log(value: string, ...args: unknown[]) {\n    if (GlobalStateService.state.env !== 'production') {\n      console.log(`${prefix}${value}`, ...args);\n    }\n  }\n\n  static warn(value: string, ...args: unknown[]) {\n    if (GlobalStateService.state.env !== 'production') {\n      console.warn(`${prefix}${value}`, ...args);\n      this.#dispatch('warn', value, ...args);\n    }\n  }\n\n  static error(value: string, ...args: unknown[]) {\n    if (GlobalStateService.state.env !== 'production') {\n      console.error(`${prefix}${value}`, ...args);\n      this.#dispatch('error', value, ...args);\n    }\n  }\n\n  static #dispatch(type: 'warn' | 'error', value: string, ...args: unknown[]) {\n    globalThis.document?.dispatchEvent(new CustomEvent('NVE_ELEMENTS_LOG', { detail: { type, value, args } }));\n  }\n}\n"],"mappings":";;AAKA,IAAM,IAAS,UAEF,IAAb,MAAwB;CACtB,OAAO,IAAI,GAAe,GAAG,GAAiB;EAC5C,AAAI,EAAmB,MAAM,QAAQ,gBACnC,QAAQ,IAAI,GAAG,IAAS,KAAS,GAAG,CAAI;CAE5C;CAEA,OAAO,KAAK,GAAe,GAAG,GAAiB;EAC7C,AAAI,EAAmB,MAAM,QAAQ,iBACnC,QAAQ,KAAK,GAAG,IAAS,KAAS,GAAG,CAAI,GACzC,KAAK,GAAU,QAAQ,GAAO,GAAG,CAAI;CAEzC;CAEA,OAAO,MAAM,GAAe,GAAG,GAAiB;EAC9C,AAAI,EAAmB,MAAM,QAAQ,iBACnC,QAAQ,MAAM,GAAG,IAAS,KAAS,GAAG,CAAI,GAC1C,KAAK,GAAU,SAAS,GAAO,GAAG,CAAI;CAE1C;CAEA,OAAO,GAAU,GAAwB,GAAe,GAAG,GAAiB;EAC1E,WAAW,UAAU,cAAc,IAAI,YAAY,oBAAoB,EAAE,QAAQ;GAAE;GAAM;GAAO;EAAK,EAAE,CAAC,CAAC;CAC3G;AACF"}
+{"version":3,"file":"log.service.js","names":["prefix","LogService","args","GlobalStateService","value","#dispatch"],"sources":["../../../src/internal/services/log.service.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { GlobalStateService } from '@nvidia-elements/foundations/internal/state';\n\nconst prefix = '@nve: ';\n\nexport class LogService {\n  static log(value: string, ...args: unknown[]) {\n    if (GlobalStateService.state.env !== 'production') {\n      console.log(`${prefix}${value}`, ...args);\n    }\n  }\n\n  static warn(value: string, ...args: unknown[]) {\n    if (GlobalStateService.state.env !== 'production') {\n      console.warn(`${prefix}${value}`, ...args);\n      this.#dispatch('warn', value, ...args);\n    }\n  }\n\n  static error(value: string, ...args: unknown[]) {\n    if (GlobalStateService.state.env !== 'production') {\n      console.error(`${prefix}${value}`, ...args);\n      this.#dispatch('error', value, ...args);\n    }\n  }\n\n  static #dispatch(type: 'warn' | 'error', value: string, ...args: unknown[]) {\n    globalThis.document?.dispatchEvent(new CustomEvent('NVE_ELEMENTS_LOG', { detail: { type, value, args } }));\n  }\n}\n"],"mappings":";;AAKA,IAAMA,IAAS,UAEFC,IAAb,MAAwB;CACtB,OAAO,IAAI,GAAe,GAAGC,GAAiB;EAC5C,AAAIC,EAAmB,MAAM,QAAQ,gBACnC,QAAQ,IAAI,GAAGH,IAASI,KAAS,GAAGF,CAAI;CAE5C;CAEA,OAAO,KAAK,GAAe,GAAGA,GAAiB;EAC7C,AAAIC,EAAmB,MAAM,QAAQ,iBACnC,QAAQ,KAAK,GAAGH,IAASI,KAAS,GAAGF,CAAI,GACzC,KAAKG,GAAU,QAAQD,GAAO,GAAGF,CAAI;CAEzC;CAEA,OAAO,MAAM,GAAe,GAAGA,GAAiB;EAC9C,AAAIC,EAAmB,MAAM,QAAQ,iBACnC,QAAQ,MAAM,GAAGH,IAASI,KAAS,GAAGF,CAAI,GAC1C,KAAKG,GAAU,SAASD,GAAO,GAAGF,CAAI;CAE1C;CAEA,OAAOG,GAAU,GAAwB,GAAe,GAAGH,GAAiB;EAC1E,WAAW,UAAU,cAAc,IAAI,YAAY,oBAAoB,EAAE,QAAQ;GAAE;GAAM;GAAO;EAAK,EAAE,CAAC,CAAC;CAC3G;AACF"}

package/dist/internal/services/transition.service.js

@@ -26,7 +26,6 @@ var e = new class {
 		globalThis.document?.querySelector("#nve-speculationrules")?.remove();
 	}
 }();
-//#endregion
 export { e as TransitionService };
 
 //# sourceMappingURL=transition.service.js.map

package/dist/internal/services/transition.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"transition.service.js","names":[],"sources":["../../../src/internal/services/transition.service.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nclass TransitionService_ {\n  get #hasSpeculationRules() {\n    return globalThis.document.querySelector('[type=speculationrules]');\n  }\n\n  get #nveTransition() {\n    return globalThis.document.documentElement.getAttribute('nve-transition');\n  }\n\n  #observer: MutationObserver;\n\n  enable() {\n    if (globalThis.document) {\n      this.#observer?.disconnect();\n      this.#toggleSpeculationRules();\n      this.#observer = new MutationObserver(() => this.#toggleSpeculationRules());\n      this.#observer.observe(globalThis.document.documentElement, {\n        attributeFilter: ['nve-transition']\n      });\n    }\n  }\n\n  disable() {\n    this.#removeSpeculationRules();\n    this.#observer?.disconnect();\n  }\n\n  #toggleSpeculationRules() {\n    if (globalThis.document && this.#nveTransition === 'auto') {\n      if (!this.#hasSpeculationRules) {\n        this.#appendSpeculationRules();\n      }\n    } else {\n      this.#removeSpeculationRules();\n    }\n  }\n\n  #appendSpeculationRules() {\n    const speculationRules = globalThis.document.createElement('script');\n    speculationRules.id = 'nve-speculationrules';\n    speculationRules.type = 'speculationrules';\n    speculationRules.textContent = JSON.stringify({\n      prerender: [\n        {\n          where: { href_matches: '/*' },\n          eagerness: 'moderate'\n        }\n      ]\n    });\n    globalThis.document.head.appendChild(speculationRules);\n  }\n\n  #removeSpeculationRules() {\n    globalThis.document?.querySelector('#nve-speculationrules')?.remove();\n  }\n}\n\n/**\n * The Transition Service provides setup to enable View Transitions APIs.\n * This includes initializing base speculation rules for smooth transition between navigations.\n *\n * https://developer.chrome.com/docs/web-platform/view-transitions/cross-document\n * https://developer.chrome.com/docs/web-platform/prerender-pages#speculation-rules-api\n */\nexport const TransitionService = new TransitionService_();\n"],"mappings":"AAmEA,IAAa,IAAoB,IAAI,MAhEZ;CACvB,IAAI,KAAuB;EACzB,OAAO,WAAW,SAAS,cAAc,yBAAyB;CACpE;CAEA,IAAI,KAAiB;EACnB,OAAO,WAAW,SAAS,gBAAgB,aAAa,gBAAgB;CAC1E;CAEA;CAEA,SAAS;EACP,AAAI,WAAW,aACb,KAAK,IAAW,WAAW,GAC3B,KAAK,GAAwB,GAC7B,KAAK,KAAY,IAAI,uBAAuB,KAAK,GAAwB,CAAC,GAC1E,KAAK,GAAU,QAAQ,WAAW,SAAS,iBAAiB,EAC1D,iBAAiB,CAAC,gBAAgB,EACpC,CAAC;CAEL;CAEA,UAAU;EAER,AADA,KAAK,GAAwB,GAC7B,KAAK,IAAW,WAAW;CAC7B;CAEA,KAA0B;EACxB,AAAI,WAAW,YAAY,KAAK,OAAmB,SAC5C,KAAK,MACR,KAAK,GAAwB,IAG/B,KAAK,GAAwB;CAEjC;CAEA,KAA0B;EACxB,IAAM,IAAmB,WAAW,SAAS,cAAc,QAAQ;EAWnE,AAVA,EAAiB,KAAK,wBACtB,EAAiB,OAAO,oBACxB,EAAiB,cAAc,KAAK,UAAU,EAC5C,WAAW,CACT;GACE,OAAO,EAAE,cAAc,KAAK;GAC5B,WAAW;EACb,CACF,EACF,CAAC,GACD,WAAW,SAAS,KAAK,YAAY,CAAgB;CACvD;CAEA,KAA0B;EACxB,WAAW,UAAU,cAAc,uBAAuB,CAAC,EAAE,OAAO;CACtE;AACF,EASwD"}
+{"version":3,"file":"transition.service.js","names":["TransitionService","#hasSpeculationRules","#nveTransition","#observer","#toggleSpeculationRules","#removeSpeculationRules","#appendSpeculationRules","speculationRules"],"sources":["../../../src/internal/services/transition.service.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nclass TransitionService_ {\n  get #hasSpeculationRules() {\n    return globalThis.document.querySelector('[type=speculationrules]');\n  }\n\n  get #nveTransition() {\n    return globalThis.document.documentElement.getAttribute('nve-transition');\n  }\n\n  #observer: MutationObserver;\n\n  enable() {\n    if (globalThis.document) {\n      this.#observer?.disconnect();\n      this.#toggleSpeculationRules();\n      this.#observer = new MutationObserver(() => this.#toggleSpeculationRules());\n      this.#observer.observe(globalThis.document.documentElement, {\n        attributeFilter: ['nve-transition']\n      });\n    }\n  }\n\n  disable() {\n    this.#removeSpeculationRules();\n    this.#observer?.disconnect();\n  }\n\n  #toggleSpeculationRules() {\n    if (globalThis.document && this.#nveTransition === 'auto') {\n      if (!this.#hasSpeculationRules) {\n        this.#appendSpeculationRules();\n      }\n    } else {\n      this.#removeSpeculationRules();\n    }\n  }\n\n  #appendSpeculationRules() {\n    const speculationRules = globalThis.document.createElement('script');\n    speculationRules.id = 'nve-speculationrules';\n    speculationRules.type = 'speculationrules';\n    speculationRules.textContent = JSON.stringify({\n      prerender: [\n        {\n          where: { href_matches: '/*' },\n          eagerness: 'moderate'\n        }\n      ]\n    });\n    globalThis.document.head.appendChild(speculationRules);\n  }\n\n  #removeSpeculationRules() {\n    globalThis.document?.querySelector('#nve-speculationrules')?.remove();\n  }\n}\n\n/**\n * The Transition Service provides setup to enable View Transitions APIs.\n * This includes initializing base speculation rules for smooth transition between navigations.\n *\n * https://developer.chrome.com/docs/web-platform/view-transitions/cross-document\n * https://developer.chrome.com/docs/web-platform/prerender-pages#speculation-rules-api\n */\nexport const TransitionService = new TransitionService_();\n"],"mappings":"AAmEA,IAAaA,IAAoB,IAAI,MAhEZ;CACvB,IAAIC,KAAuB;EACzB,OAAO,WAAW,SAAS,cAAc,yBAAyB;CACpE;CAEA,IAAIC,KAAiB;EACnB,OAAO,WAAW,SAAS,gBAAgB,aAAa,gBAAgB;CAC1E;CAEA;CAEA,SAAS;EACP,AAAI,WAAW,aACb,KAAKC,IAAW,WAAW,GAC3B,KAAKC,GAAwB,GAC7B,KAAKD,KAAY,IAAI,uBAAuB,KAAKC,GAAwB,CAAC,GAC1E,KAAKD,GAAU,QAAQ,WAAW,SAAS,iBAAiB,EAC1D,iBAAiB,CAAC,gBAAgB,EACpC,CAAC;CAEL;CAEA,UAAU;EAER,AADA,KAAKE,GAAwB,GAC7B,KAAKF,IAAW,WAAW;CAC7B;CAEA,KAA0B;EACxB,AAAI,WAAW,YAAY,KAAKD,OAAmB,SAC5C,KAAKD,MACR,KAAKK,GAAwB,IAG/B,KAAKD,GAAwB;CAEjC;CAEA,KAA0B;EACxB,IAAME,IAAmB,WAAW,SAAS,cAAc,QAAQ;EAWnE,AAVA,EAAiB,KAAK,wBACtB,EAAiB,OAAO,oBACxB,EAAiB,cAAc,KAAK,UAAU,EAC5C,WAAW,CACT;GACE,OAAO,EAAE,cAAc,KAAK;GAC5B,WAAW;EACb,CACF,EACF,CAAC,GACD,WAAW,SAAS,KAAK,YAAYA,CAAgB;CACvD;CAEA,KAA0B;EACxB,WAAW,UAAU,cAAc,uBAAuB,CAAC,EAAE,OAAO;CACtE;AACF,EASwD"}

package/dist/internal/styles/base.js

@@ -1,6 +1,5 @@
-//#region src/internal/styles/base.css?inline
+// src/internal/styles/base.css?inline
 var e = ":host{all:initial;display:block;visibility:inherit;box-sizing:border-box;font-size:inherit;pointer-events:inherit;contain:layout;font-family:var(--nve-ref-font-family);outline:var(--nve-debug-element-outline, initial);color-scheme:var(--nve-sys-color-scheme)}*,*:before,*:after{box-sizing:inherit}[hidden],:host([hidden]:not([nve-popover])){display:none!important}slot{display:contents}:host(:focus-within) [focus-within],:host(:focus) [focusable],:host([tabindex=\"0\"]:focus) [focusable]{outline:Highlight solid 2px!important;outline:5px auto -webkit-focus-ring-color!important}:host([nofocus]) [focus-within]{outline:0!important}:host(:focus-within:not(:focus-visible,[readonly])) [focus-within]:not([focusable=active]),:host(:focus:not(:focus-visible)) [focusable]:not([focusable=active]),:host([tabindex=\"0\"]:focus:not(:focus-visible)) [focusable]:not([focusable=active]){outline:none!important;outline-offset:0!important}@supports selector(:state(focus)){:host(:state(focus)) [focusable],:host([tabindex=\"0\"]:state(focus)){outline:Highlight solid 2px!important;outline:5px auto -webkit-focus-ring-color!important}}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=base.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"base.js","names":[],"sources":["../../../src/internal/styles/base.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n/**\n * https://web.dev/custom-elements-best-practices/\n * Base CSS for all custom elements.\n */\n\n:host {\n  all: initial;\n  display: block;\n  visibility: inherit;\n  box-sizing: border-box;\n  font-size: inherit;\n  pointer-events: inherit;\n  contain: layout; /* https://developer.mozilla.org/en-US/docs/Web/CSS/contain */\n  font-family: var(--nve-ref-font-family);\n  outline: var(--nve-debug-element-outline, initial);\n  color-scheme: var(--nve-sys-color-scheme);\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\n/* https://developers.google.com/web/fundamentals/web-components/best-practices#add-a-:host-display-style-that-respects-the-hidden-attribute */\n[hidden],\n:host([hidden]:not([nve-popover])) {\n  display: none !important;\n}\n\nslot {\n  display: contents;\n}\n\n/* https://coryrylan.com/blog/dont-override-css-outline-focus-styles */\n:host(:focus-within) [focus-within],\n:host(:focus) [focusable],\n:host([tabindex='0']:focus) [focusable] {\n  outline: Highlight solid 2px !important;\n  outline: 5px auto -webkit-focus-ring-color !important;\n}\n\n:host([nofocus]) [focus-within] {\n  outline: 0 !important;\n}\n\n:host(:focus-within:not(:focus-visible, [readonly])) [focus-within]:not([focusable='active']),\n:host(:focus:not(:focus-visible)) [focusable]:not([focusable='active']),\n:host([tabindex='0']:focus:not(:focus-visible)) [focusable]:not([focusable='active']) {\n  outline: none !important;\n  outline-offset: 0 !important;\n}\n\n@supports selector(:state(focus)) {\n  :host(:state(focus)) [focusable],\n  :host([tabindex='0']:state(focus)) {\n    outline: Highlight solid 2px !important;\n    outline: 5px auto -webkit-focus-ring-color !important;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"base.js","names":["base_default"],"sources":["../../../src/internal/styles/base.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n/**\n * https://web.dev/custom-elements-best-practices/\n * Base CSS for all custom elements.\n */\n\n:host {\n  all: initial;\n  display: block;\n  visibility: inherit;\n  box-sizing: border-box;\n  font-size: inherit;\n  pointer-events: inherit;\n  contain: layout; /* https://developer.mozilla.org/en-US/docs/Web/CSS/contain */\n  font-family: var(--nve-ref-font-family);\n  outline: var(--nve-debug-element-outline, initial);\n  color-scheme: var(--nve-sys-color-scheme);\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\n/* https://developers.google.com/web/fundamentals/web-components/best-practices#add-a-:host-display-style-that-respects-the-hidden-attribute */\n[hidden],\n:host([hidden]:not([nve-popover])) {\n  display: none !important;\n}\n\nslot {\n  display: contents;\n}\n\n/* https://coryrylan.com/blog/dont-override-css-outline-focus-styles */\n:host(:focus-within) [focus-within],\n:host(:focus) [focusable],\n:host([tabindex='0']:focus) [focusable] {\n  outline: Highlight solid 2px !important;\n  outline: 5px auto -webkit-focus-ring-color !important;\n}\n\n:host([nofocus]) [focus-within] {\n  outline: 0 !important;\n}\n\n:host(:focus-within:not(:focus-visible, [readonly])) [focus-within]:not([focusable='active']),\n:host(:focus:not(:focus-visible)) [focusable]:not([focusable='active']),\n:host([tabindex='0']:focus:not(:focus-visible)) [focusable]:not([focusable='active']) {\n  outline: none !important;\n  outline-offset: 0 !important;\n}\n\n@supports selector(:state(focus)) {\n  :host(:state(focus)) [focusable],\n  :host([tabindex='0']:state(focus)) {\n    outline: Highlight solid 2px !important;\n    outline: 5px auto -webkit-focus-ring-color !important;\n  }\n}\n"],"mappings":""}

package/dist/internal/styles/color.state.js

@@ -1,6 +1,5 @@
-//#region src/internal/styles/color.state.css?inline
+// src/internal/styles/color.state.css?inline
 var e = ":host{--state-color-base: var(--nve-sys-status-color);--state-color-background: color-mix( in oklab, var(--state-color-base) var(--nve-sys-contrast-mute-ratio), var(--nve-sys-contrast-mute-color) );--state-color: color-mix(in oklab, var(--state-color-base), var(--nve-sys-text-emphasis-color) 16%)}:host([prominence=\"emphasis\"]){--background: var(--state-color);--color: var(--nve-sys-contrast-mute-color)}:host([color=\"red-cardinal\"]){--state-color-base: var(--nve-ref-color-red-cardinal-1100)}:host([color=\"gray-slate\"]){--state-color-base: var(--nve-ref-color-gray-slate-1100)}:host([color=\"gray-denim\"]){--state-color-base: var(--nve-ref-color-gray-denim-1100)}:host([color=\"blue-indigo\"]){--state-color-base: var(--nve-ref-color-blue-indigo-1100)}:host([color=\"blue-cobalt\"]){--state-color-base: var(--nve-ref-color-blue-cobalt-1100)}:host([color=\"blue-sky\"]){--state-color-base: var(--nve-ref-color-blue-sky-1100)}:host([color=\"teal-cyan\"]){--state-color-base: var(--nve-ref-color-teal-cyan-1100)}:host([color=\"green-mint\"]){--state-color-base: var(--nve-ref-color-green-mint-1100)}:host([color=\"teal-seafoam\"]){--state-color-base: var(--nve-ref-color-teal-seafoam-1100)}:host([color=\"green-grass\"]){--state-color-base: var(--nve-ref-color-green-grass-1100)}:host([color=\"yellow-amber\"]){--state-color-base: var(--nve-ref-color-yellow-amber-1100)}:host([color=\"orange-pumpkin\"]){--state-color-base: var(--nve-ref-color-orange-pumpkin-1100)}:host([color=\"red-tomato\"]){--state-color-base: var(--nve-ref-color-red-tomato-1100)}:host([color=\"pink-magenta\"]){--state-color-base: var(--nve-ref-color-pink-magenta-1100)}:host([color=\"purple-plum\"]){--state-color-base: var(--nve-ref-color-purple-plum-1100)}:host([color=\"purple-violet\"]){--state-color-base: var(--nve-ref-color-purple-violet-1100)}:host([color=\"purple-lavender\"]){--state-color-base: var(--nve-ref-color-purple-lavender-1100)}:host([color=\"pink-rose\"]){--state-color-base: var(--nve-ref-color-pink-rose-1100)}:host([color=\"green-jade\"]){--state-color-base: var(--nve-ref-color-green-jade-1100)}:host([color=\"lime-pear\"]){--state-color-base: var(--nve-ref-color-lime-pear-1100)}:host([color=\"yellow-nova\"]){--state-color-base: var(--nve-ref-color-yellow-nova-1100)}:host([color=\"brand-green\"]){--state-color-base: var(--nve-ref-color-brand-green-1100)}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=color.state.js.map

package/dist/internal/styles/color.state.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.state.js","names":[],"sources":["../../../src/internal/styles/color.state.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --state-color-base: var(--nve-sys-status-color);\n  --state-color-background: color-mix(\n    in oklab,\n    var(--state-color-base) var(--nve-sys-contrast-mute-ratio),\n    var(--nve-sys-contrast-mute-color)\n  );\n  --state-color: color-mix(in oklab, var(--state-color-base), var(--nve-sys-text-emphasis-color) 16%);\n}\n\n:host([prominence='emphasis']) {\n  --background: var(--state-color);\n  --color: var(--nve-sys-contrast-mute-color);\n}\n\n:host([color='red-cardinal']) {\n  --state-color-base: var(--nve-ref-color-red-cardinal-1100);\n}\n\n:host([color='gray-slate']) {\n  --state-color-base: var(--nve-ref-color-gray-slate-1100);\n}\n\n:host([color='gray-denim']) {\n  --state-color-base: var(--nve-ref-color-gray-denim-1100);\n}\n\n:host([color='blue-indigo']) {\n  --state-color-base: var(--nve-ref-color-blue-indigo-1100);\n}\n\n:host([color='blue-cobalt']) {\n  --state-color-base: var(--nve-ref-color-blue-cobalt-1100);\n}\n\n:host([color='blue-sky']) {\n  --state-color-base: var(--nve-ref-color-blue-sky-1100);\n}\n\n:host([color='teal-cyan']) {\n  --state-color-base: var(--nve-ref-color-teal-cyan-1100);\n}\n\n:host([color='green-mint']) {\n  --state-color-base: var(--nve-ref-color-green-mint-1100);\n}\n\n:host([color='teal-seafoam']) {\n  --state-color-base: var(--nve-ref-color-teal-seafoam-1100);\n}\n\n:host([color='green-grass']) {\n  --state-color-base: var(--nve-ref-color-green-grass-1100);\n}\n\n:host([color='yellow-amber']) {\n  --state-color-base: var(--nve-ref-color-yellow-amber-1100);\n}\n\n:host([color='orange-pumpkin']) {\n  --state-color-base: var(--nve-ref-color-orange-pumpkin-1100);\n}\n\n:host([color='red-tomato']) {\n  --state-color-base: var(--nve-ref-color-red-tomato-1100);\n}\n\n:host([color='pink-magenta']) {\n  --state-color-base: var(--nve-ref-color-pink-magenta-1100);\n}\n\n:host([color='purple-plum']) {\n  --state-color-base: var(--nve-ref-color-purple-plum-1100);\n}\n\n:host([color='purple-violet']) {\n  --state-color-base: var(--nve-ref-color-purple-violet-1100);\n}\n\n:host([color='purple-lavender']) {\n  --state-color-base: var(--nve-ref-color-purple-lavender-1100);\n}\n\n:host([color='pink-rose']) {\n  --state-color-base: var(--nve-ref-color-pink-rose-1100);\n}\n\n:host([color='green-jade']) {\n  --state-color-base: var(--nve-ref-color-green-jade-1100);\n}\n\n:host([color='lime-pear']) {\n  --state-color-base: var(--nve-ref-color-lime-pear-1100);\n}\n\n:host([color='yellow-nova']) {\n  --state-color-base: var(--nve-ref-color-yellow-nova-1100);\n}\n\n:host([color='brand-green']) {\n  --state-color-base: var(--nve-ref-color-brand-green-1100);\n}\n"],"mappings":""}
+{"version":3,"file":"color.state.js","names":["color_state_default"],"sources":["../../../src/internal/styles/color.state.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --state-color-base: var(--nve-sys-status-color);\n  --state-color-background: color-mix(\n    in oklab,\n    var(--state-color-base) var(--nve-sys-contrast-mute-ratio),\n    var(--nve-sys-contrast-mute-color)\n  );\n  --state-color: color-mix(in oklab, var(--state-color-base), var(--nve-sys-text-emphasis-color) 16%);\n}\n\n:host([prominence='emphasis']) {\n  --background: var(--state-color);\n  --color: var(--nve-sys-contrast-mute-color);\n}\n\n:host([color='red-cardinal']) {\n  --state-color-base: var(--nve-ref-color-red-cardinal-1100);\n}\n\n:host([color='gray-slate']) {\n  --state-color-base: var(--nve-ref-color-gray-slate-1100);\n}\n\n:host([color='gray-denim']) {\n  --state-color-base: var(--nve-ref-color-gray-denim-1100);\n}\n\n:host([color='blue-indigo']) {\n  --state-color-base: var(--nve-ref-color-blue-indigo-1100);\n}\n\n:host([color='blue-cobalt']) {\n  --state-color-base: var(--nve-ref-color-blue-cobalt-1100);\n}\n\n:host([color='blue-sky']) {\n  --state-color-base: var(--nve-ref-color-blue-sky-1100);\n}\n\n:host([color='teal-cyan']) {\n  --state-color-base: var(--nve-ref-color-teal-cyan-1100);\n}\n\n:host([color='green-mint']) {\n  --state-color-base: var(--nve-ref-color-green-mint-1100);\n}\n\n:host([color='teal-seafoam']) {\n  --state-color-base: var(--nve-ref-color-teal-seafoam-1100);\n}\n\n:host([color='green-grass']) {\n  --state-color-base: var(--nve-ref-color-green-grass-1100);\n}\n\n:host([color='yellow-amber']) {\n  --state-color-base: var(--nve-ref-color-yellow-amber-1100);\n}\n\n:host([color='orange-pumpkin']) {\n  --state-color-base: var(--nve-ref-color-orange-pumpkin-1100);\n}\n\n:host([color='red-tomato']) {\n  --state-color-base: var(--nve-ref-color-red-tomato-1100);\n}\n\n:host([color='pink-magenta']) {\n  --state-color-base: var(--nve-ref-color-pink-magenta-1100);\n}\n\n:host([color='purple-plum']) {\n  --state-color-base: var(--nve-ref-color-purple-plum-1100);\n}\n\n:host([color='purple-violet']) {\n  --state-color-base: var(--nve-ref-color-purple-violet-1100);\n}\n\n:host([color='purple-lavender']) {\n  --state-color-base: var(--nve-ref-color-purple-lavender-1100);\n}\n\n:host([color='pink-rose']) {\n  --state-color-base: var(--nve-ref-color-pink-rose-1100);\n}\n\n:host([color='green-jade']) {\n  --state-color-base: var(--nve-ref-color-green-jade-1100);\n}\n\n:host([color='lime-pear']) {\n  --state-color-base: var(--nve-ref-color-lime-pear-1100);\n}\n\n:host([color='yellow-nova']) {\n  --state-color-base: var(--nve-ref-color-yellow-nova-1100);\n}\n\n:host([color='brand-green']) {\n  --state-color-base: var(--nve-ref-color-brand-green-1100);\n}\n"],"mappings":""}

package/dist/internal/styles/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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,IAAa,IAAmB,GAEnB,IAAoB,GAEpB,IAAqB;AAElC,SAAgB,EAAU,GAAmB;CAC3C,OAAO;EAAC,EAAU,CAAI;EAAG,EAAU,CAAK;EAAG,GAAG,EAAO,KAAI,MAAK,EAAU,CAAC,CAAC;CAAC;AAC7E"}
+{"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"}

package/dist/internal/styles/interaction-state.js

@@ -1,6 +1,5 @@
-//#region src/internal/styles/interaction-state.css?inline
+// src/internal/styles/interaction-state.css?inline
 var e = "[interaction-state]{background-image:var( --background-image, linear-gradient( color-mix( in oklab, var(--nve-sys-interaction-state-base) 100%, var(--nve-sys-interaction-state-mix) var(--nve-sys-interaction-state-ratio) ) 0 0 ) )!important}:host(:hover) [interaction-state],:host(:state(hover)) [interaction-state]{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-hover)}:host(:active) [interaction-state],:host(:state(active)) [interaction-state]{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-active)}:host([selected]) [interaction-state],:host(:state(selected)) [interaction-state]{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected)}:host([current]) [interaction-state],:host(:state(current)) [interaction-state]{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected)}:host([disabled]) [interaction-state],:host(:state(disabled)) [interaction-state]{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-disabled)}:host(:not(:state(anchor))[readonly]) [interaction-state],:host(:not(:state(anchor)):state(readonly)) [interaction-state]{--nve-sys-interaction-state-ratio: 0}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=interaction-state.js.map

package/dist/internal/styles/interaction-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"interaction-state.js","names":[],"sources":["../../../src/internal/styles/interaction-state.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n[interaction-state] {\n  background-image: var(\n    --background-image,\n    linear-gradient(\n      color-mix(\n          in oklab,\n          var(--nve-sys-interaction-state-base) 100%,\n          var(--nve-sys-interaction-state-mix) var(--nve-sys-interaction-state-ratio)\n        )\n        0 0\n    )\n  ) !important;\n}\n\n:host(:hover) [interaction-state],\n:host(:state(hover)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-hover);\n}\n\n:host(:active) [interaction-state],\n:host(:state(active)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-active);\n}\n\n:host([selected]) [interaction-state],\n:host(:state(selected)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected);\n}\n\n:host([current]) [interaction-state],\n:host(:state(current)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected);\n}\n\n:host([disabled]) [interaction-state],\n:host(:state(disabled)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-disabled);\n}\n\n:host(:not(:state(anchor))[readonly]) [interaction-state],\n:host(:not(:state(anchor)):state(readonly)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: 0;\n}\n"],"mappings":""}
+{"version":3,"file":"interaction-state.js","names":["interaction_state_default"],"sources":["../../../src/internal/styles/interaction-state.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n[interaction-state] {\n  background-image: var(\n    --background-image,\n    linear-gradient(\n      color-mix(\n          in oklab,\n          var(--nve-sys-interaction-state-base) 100%,\n          var(--nve-sys-interaction-state-mix) var(--nve-sys-interaction-state-ratio)\n        )\n        0 0\n    )\n  ) !important;\n}\n\n:host(:hover) [interaction-state],\n:host(:state(hover)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-hover);\n}\n\n:host(:active) [interaction-state],\n:host(:state(active)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-active);\n}\n\n:host([selected]) [interaction-state],\n:host(:state(selected)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected);\n}\n\n:host([current]) [interaction-state],\n:host(:state(current)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected);\n}\n\n:host([disabled]) [interaction-state],\n:host(:state(disabled)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-disabled);\n}\n\n:host(:not(:state(anchor))[readonly]) [interaction-state],\n:host(:not(:state(anchor)):state(readonly)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: 0;\n}\n"],"mappings":""}

package/dist/internal/styles/popover.js

@@ -1,6 +1,5 @@
-//#region src/internal/styles/popover.css?inline
+// src/internal/styles/popover.css?inline
 var e = ":host{--animation-duration: var(--nve-ref-animation-duration-200);margin:calc(var(--nve-sys-layer-popover-offset) + calc(var(--nve-sys-layer-popover-arrow-offset) * 2));border:0;padding:0;background:none;position:fixed;overflow:visible;contain:initial;width:max-content;z-index:99;inset:revert;interest-delay-start:.5s}:host([popover]){opacity:0;pointer-events:none}:host([popover]:not(:popover-open)){display:none!important}:host(:state(transition-start)){transition-duration:var(--animation-duration);transition-timing-function:ease-in-out;transition-property:opacity,display,overlay,translate,transform;transition-behavior:allow-discrete}@supports not (container-type: anchored){:host{--animation-duration: 0}}:host(:popover-open){opacity:1;pointer-events:initial;@starting-style{opacity:0}}:host(:not([nve-popover])),:host([defer-hydration]){opacity:0!important;pointer-events:none!important}[internal-host]{width:var(--width);min-width:var(--min-width);font-family:inherit;display:flex;flex-direction:column;overflow:visible;white-space:nowrap;z-index:9999;border:0;margin:0;user-select:text}@supports (position-area: bottom){[internal-host]{position:relative}.arrow{position-area:bottom;translate:0% 50%}:host([position=\"top\"]) .arrow{position-area:bottom;translate:0% 50%}:host([position=\"top\"][alignment=\"end\"]) .arrow{position-area:bottom right;translate:-50% 50%}:host([position=\"top\"][alignment=\"start\"]) .arrow{position-area:bottom left;translate:50% 50%}:host([position=\"bottom\"]) .arrow{position-area:top;translate:0% -50%}:host([position=\"bottom\"][alignment=\"end\"]) .arrow{position-area:top right;translate:-50% -50%}:host([position=\"bottom\"][alignment=\"start\"]) .arrow{position-area:top left;translate:50% -50%}:host([position=\"left\"]) .arrow{position-area:right;translate:50% 0%}:host([position=\"left\"][alignment=\"end\"]) .arrow{position-area:bottom right;translate:50% -50%}:host([position=\"left\"][alignment=\"start\"]) .arrow{position-area:top right;translate:50% 50%}:host([position=\"right\"]) .arrow{position-area:left;translate:-50% 0%}:host([position=\"right\"][alignment=\"end\"]) .arrow{position-area:bottom left;translate:-50% -50%}:host([position=\"right\"][alignment=\"start\"]) .arrow{position-area:top left;translate:-50% 50%}:host([position=\"center\"]){position-area:center}:host{inset:auto!important;place-self:normal!important;position-anchor:auto!important}:host([position=\"top\"]){position-area:top center}:host([position=\"top\"][alignment=\"start\"]){position-area:top left}:host([position=\"top\"][alignment=\"end\"]){position-area:top right}:host([position=\"top\"][alignment=\"start\"]){position-area:top span-right}:host([position=\"top\"][alignment=\"end\"]){position-area:top span-left}:host([position=\"bottom\"]){position-area:bottom center}:host([position=\"bottom\"][alignment=\"start\"]){position-area:bottom span-right}:host([position=\"bottom\"][alignment=\"end\"]){position-area:bottom span-left}:host([position=\"left\"]){position-area:left center}:host([position=\"left\"][alignment=\"end\"]){position-area:left span-top}:host([position=\"left\"][alignment=\"start\"]){position-area:left span-bottom}:host([position=\"right\"]){position-area:right center}:host([position=\"right\"][alignment=\"end\"]){position-area:right span-top}:host([position=\"right\"][alignment=\"start\"]){position-area:right span-bottom}:host([position=\"top\"]){position-try-fallbacks:top,bottom,left,right}:host([position=\"bottom\"]){position-try-fallbacks:bottom,top,left,right}:host([position=\"left\"]){position-try-fallbacks:left,right,top,bottom}:host([position=\"right\"]){position-try-fallbacks:right,left,top,bottom}}:host([position=\"center\"][alignment=\"center\"]){position-area:unset!important;margin:auto!important;inset:0!important}@supports (not selector(::search-text)) and (position-area: bottom){.arrow{translate:0% -50%}:host([position=\"top\"]) .arrow{translate:0% -50%}:host([position=\"top\"][alignment=\"end\"]) .arrow{translate:-150% -50%}:host([position=\"top\"][alignment=\"start\"]) .arrow{translate:150% -50%}:host([position=\"bottom\"]) .arrow{translate:0% 50%}:host([position=\"bottom\"][alignment=\"end\"]) .arrow{translate:-150% 50%}:host([position=\"bottom\"][alignment=\"start\"]) .arrow{translate:150% 50%}:host([position=\"left\"]) .arrow{translate:-50% 0%}:host([position=\"left\"][alignment=\"end\"]) .arrow{translate:-50% -150%}:host([position=\"left\"][alignment=\"start\"]) .arrow{translate:-50% 150%}:host([position=\"right\"]) .arrow{translate:50% 0%}:host([position=\"right\"][alignment=\"end\"]) .arrow{translate:50% -150%}:host([position=\"right\"][alignment=\"start\"]) .arrow{translate:50% 150%}}:host([popover][modal]):before{content:\" \";display:block;inset:0;z-index:99;position:fixed}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=popover.js.map