@nvidia-elements/core 2.21.0 → 2.21.1

package/dist/format-truncate/format-truncate2.js

@@ -9,7 +9,7 @@ import { property as u } from "lit/decorators/property.js";
 // src/format-truncate/format-truncate.ts
 var d = class extends c {
 	constructor(...e) {
-		super(...e), this.position = "start", this.strategy = "character", this.bias = "end", this.preserve = 6, this.#l = () => {
+		super(...e), this.position = "start", this.strategy = "character", this.bias = "end", this.preserve = 6, this.#r = Infinity, this.#u = () => {
 			this.requestUpdate();
 		};
 	}
@@ -19,71 +19,76 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-format-truncate",
-			version: "2.21.0"
+			version: "2.21.1"
 		};
 	}
 	#e;
 	#t;
+	#n;
+	#r;
 	connectedCallback() {
-		super.connectedCallback(), e(this), this.#c(), this.requestUpdate();
+		super.connectedCallback(), e(this), this.#r = Infinity, this.#l(), this.requestUpdate();
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.#t?.disconnect();
+		super.disconnectedCallback(), this.#t?.disconnect(), this.#n !== void 0 && this.ownerDocument.defaultView?.cancelAnimationFrame(this.#n), this.#n = void 0;
 	}
 	connectedMoveCallback() {
-		this.#c(), this.requestUpdate();
+		this.#r = Infinity, this.#l(), this.requestUpdate();
 	}
 	render() {
-		let e = this.#n, t = this.#r(e);
-		return t === e ? this.removeAttribute("title") : this.title = e, l`<span internal-host aria-hidden="true">${t}</span><span sizing-host aria-hidden="true">${e}</span><slot @slotchange="${this.#l}"></slot>`;
+		let e = this.#i, t = this.#a(e);
+		return t === e ? this.removeAttribute("title") : this.title !== e && (this.title = e), l`<span internal-host aria-hidden="true">${t}</span><span sizing-host aria-hidden="true">${e}</span><slot @slotchange="${this.#u}"></slot>`;
 	}
-	get #n() {
+	get #i() {
 		let e = this.shadowRoot?.querySelector("slot:not([name])");
 		if (e) return a(e.assignedNodes({ flatten: !0 }));
-		let t = Array.from(this.childNodes ?? []).filter(m);
+		let t = Array.from(this.childNodes ?? []).filter(p);
 		return t.length ? a(t) : i(this.textContent ?? "");
 	}
-	#r(e) {
-		let t = this.#a();
+	#a(e) {
+		let t = this.#o();
 		return o(e, {
 			position: this.position,
 			strategy: this.strategy,
 			bias: this.bias,
 			preserve: this.preserve,
-			availableWidth: this.#i,
+			availableWidth: this.#r,
 			measureText: t
 		});
 	}
-	get #i() {
-		let e = this.ownerDocument?.defaultView;
-		return !e || !this.shadowRoot?.querySelector("[internal-host]") ? Infinity : f(this, e);
-	}
-	#a() {
-		let e = this.ownerDocument?.defaultView, t = this.#s;
+	#o() {
+		let e = this.ownerDocument?.defaultView, t = this.#c;
 		if (!e || !t) return () => 0;
 		let n = e.getComputedStyle(this);
 		t.font = n.font;
-		let r = p(n.letterSpacing), i = p(n.wordSpacing), a = new Intl.Segmenter(void 0, { granularity: "grapheme" });
-		return (e) => this.#o(e, {
+		let r = f(n.letterSpacing), i = f(n.wordSpacing), a = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+		return (e) => this.#s(e, {
 			context: t,
 			letterSpacing: r,
 			wordSpacing: i,
 			graphemeSegmenter: a
 		});
 	}
-	#o(e, { context: t, letterSpacing: n, wordSpacing: r, graphemeSegmenter: i }) {
+	#s(e, { context: t, letterSpacing: n, wordSpacing: r, graphemeSegmenter: i }) {
 		let a = i.segment(e), o = Array.from(e.matchAll(/\s/gu)).length;
 		return t.measureText(e).width + Math.max(0, Array.from(a).length - 1) * n + o * r;
 	}
-	get #s() {
+	get #c() {
 		return this.#e === void 0 && (this.#e = this.ownerDocument?.createElement("canvas").getContext("2d") ?? null), this.#e;
 	}
-	#c() {
-		typeof ResizeObserver < "u" && (this.#t ??= new ResizeObserver(() => {
-			this.isConnected && this.requestUpdate();
+	#l() {
+		typeof ResizeObserver < "u" && (this.#t ??= new ResizeObserver((e) => {
+			let t = e[0];
+			if (this.isConnected && t) {
+				this.#r = t.contentRect.width;
+				let e = this.ownerDocument.defaultView;
+				e && this.#n === void 0 && (this.#n = e.requestAnimationFrame(() => {
+					this.#n = void 0, this.isConnected && this.requestUpdate();
+				}));
+			}
 		}), this.#t.disconnect(), this.#t.observe(this));
 	}
-	#l;
+	#u;
 };
 r([u({
 	type: String,
@@ -98,18 +103,14 @@ r([u({
 	type: Number,
 	reflect: !0
 })], d.prototype, "preserve", void 0), d = r([t()], d);
-function f(e, t) {
-	let n = t.getComputedStyle(e);
-	return Math.max(0, e.getBoundingClientRect().width - p(n.borderInlineStartWidth) - p(n.borderInlineEndWidth) - p(n.paddingInlineStart) - p(n.paddingInlineEnd));
-}
-function p(e) {
+function f(e) {
 	let t = Number.parseFloat(e);
 	return Number.isFinite(t) ? t : 0;
 }
-function m(e) {
-	return !h(e) || !e.getAttribute("slot");
+function p(e) {
+	return !m(e) || !e.getAttribute("slot");
 }
-function h(e) {
+function m(e) {
 	return e.nodeType === 1;
 }
 export { d as FormatTruncate };

package/dist/format-truncate/format-truncate2.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-truncate2.js","names":["styles","_decorate","__decorate","format_truncate_default","FormatTruncate","LitElement","_args","#onSlotChange","useStyles","attachInternals","#observeAvailableWidth","#resizeObserver","text","#slottedText","truncatedText","#renderText","slot","normalizeTruncateText","nodes","isDefaultSlotNode","normalizeTruncateString","measureText","#createTextMeasurer","truncateText","#availableWidth","view","getContentWidth","context","#textMeasurementContext","computedStyles","letterSpacing","cssPixelValue","wordSpacing","graphemeSegmenter","#measureText","graphemeSegments","whitespaceCount","#measurementContext","property","typeSSR","element","parsed","value","isElementNode","node"],"sources":["../../src/format-truncate/format-truncate.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { TemplateResult } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { attachInternals, useStyles, typeSSR } from '@nvidia-elements/core/internal';\nimport { normalizeTruncateString, normalizeTruncateText, truncateText } from './utils.js';\nimport styles from './format-truncate.css?inline';\n\n/**\n * @element nve-format-truncate\n * @description Truncates text at its start, center, or end while preserving the full text for assistive technology.\n * @documentation https://nvidia.github.io/elements/docs/elements/format-truncate/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/format-truncate\n * @slot - Text to truncate. The component flattens, trims, and normalizes mixed text and element nodes.\n * @beta\n */\n@typeSSR()\nexport class FormatTruncate extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-format-truncate',\n    version: '0.0.0'\n  };\n\n  /**\n   * Location of the ellipsis. Use start or end to preserve one edge, or center to preserve both edges.\n   */\n  @property({ type: String, reflect: true }) position: 'start' | 'center' | 'end' = 'start';\n\n  /**\n   * Text unit used for center truncation. Character preserves graphemes, word preserves words, and path preserves path segments.\n   */\n  @property({ type: String, reflect: true }) strategy: 'character' | 'word' | 'path' = 'character';\n\n  /**\n   * Edge favored by center truncation. The favored edge keeps at least the configured number of units.\n   */\n  @property({ type: String, reflect: true }) bias: 'start' | 'end' = 'end';\n\n  /**\n   * Number of strategy units retained at the biased edge during center truncation.\n   */\n  @property({ type: Number, reflect: true }) preserve = 6;\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #measurementContext?: CanvasRenderingContext2D | null;\n  #resizeObserver?: ResizeObserver;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    attachInternals(this);\n    this.#observeAvailableWidth();\n    this.requestUpdate();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#resizeObserver?.disconnect();\n  }\n\n  connectedMoveCallback(): void {\n    this.#observeAvailableWidth();\n    this.requestUpdate();\n  }\n\n  override render(): TemplateResult {\n    const text = this.#slottedText;\n    const truncatedText = this.#renderText(text);\n\n    if (truncatedText !== text) this.title = text;\n    else this.removeAttribute('title');\n\n    return html`<span internal-host aria-hidden=\"true\">${truncatedText}</span><span sizing-host aria-hidden=\"true\">${text}</span><slot @slotchange=${this.#onSlotChange}></slot>`;\n  }\n\n  get #slottedText(): string {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot:not([name])');\n    if (slot) return normalizeTruncateText(slot.assignedNodes({ flatten: true }));\n\n    const nodes = Array.from(this.childNodes ?? []).filter(isDefaultSlotNode);\n    return nodes.length ? normalizeTruncateText(nodes) : normalizeTruncateString(this.textContent ?? '');\n  }\n\n  #renderText(text: string): string {\n    const measureText = this.#createTextMeasurer();\n\n    return truncateText(text, {\n      position: this.position,\n      strategy: this.strategy,\n      bias: this.bias,\n      preserve: this.preserve,\n      availableWidth: this.#availableWidth,\n      measureText\n    });\n  }\n\n  get #availableWidth(): number {\n    const view = this.ownerDocument?.defaultView;\n    if (!view || !this.shadowRoot?.querySelector('[internal-host]')) return Number.POSITIVE_INFINITY;\n\n    return getContentWidth(this, view);\n  }\n\n  #createTextMeasurer(): (text: string) => number {\n    const view = this.ownerDocument?.defaultView;\n    const context = this.#textMeasurementContext;\n    if (!view || !context) return () => 0;\n\n    const computedStyles = view.getComputedStyle(this);\n    context.font = computedStyles.font;\n\n    const letterSpacing = cssPixelValue(computedStyles.letterSpacing);\n    const wordSpacing = cssPixelValue(computedStyles.wordSpacing);\n    const graphemeSegmenter = new Intl.Segmenter(undefined, { granularity: 'grapheme' });\n\n    return text => this.#measureText(text, { context, letterSpacing, wordSpacing, graphemeSegmenter });\n  }\n\n  #measureText(\n    text: string,\n    {\n      context,\n      letterSpacing,\n      wordSpacing,\n      graphemeSegmenter\n    }: {\n      context: CanvasRenderingContext2D;\n      letterSpacing: number;\n      wordSpacing: number;\n      graphemeSegmenter: Intl.Segmenter;\n    }\n  ): number {\n    const graphemeSegments = graphemeSegmenter.segment(text);\n    const whitespaceCount = Array.from(text.matchAll(/\\s/gu)).length;\n\n    return (\n      context.measureText(text).width +\n      Math.max(0, Array.from(graphemeSegments).length - 1) * letterSpacing +\n      whitespaceCount * wordSpacing\n    );\n  }\n\n  get #textMeasurementContext(): CanvasRenderingContext2D | null {\n    if (this.#measurementContext === undefined) {\n      this.#measurementContext = this.ownerDocument?.createElement('canvas').getContext('2d') ?? null;\n    }\n\n    return this.#measurementContext;\n  }\n\n  #observeAvailableWidth(): void {\n    if (typeof ResizeObserver === 'undefined') return;\n\n    this.#resizeObserver ??= new ResizeObserver(() => {\n      if (this.isConnected) this.requestUpdate();\n    });\n    this.#resizeObserver.disconnect();\n    this.#resizeObserver.observe(this);\n  }\n\n  #onSlotChange = (): void => {\n    this.requestUpdate();\n  };\n}\n\nfunction getContentWidth(element: HTMLElement, view: Window): number {\n  const computedStyles = view.getComputedStyle(element);\n  return Math.max(\n    0,\n    element.getBoundingClientRect().width -\n      cssPixelValue(computedStyles.borderInlineStartWidth) -\n      cssPixelValue(computedStyles.borderInlineEndWidth) -\n      cssPixelValue(computedStyles.paddingInlineStart) -\n      cssPixelValue(computedStyles.paddingInlineEnd)\n  );\n}\n\nfunction cssPixelValue(value: string): number {\n  const parsed = Number.parseFloat(value);\n  return Number.isFinite(parsed) ? parsed : 0;\n}\n\nfunction isDefaultSlotNode(node: Node): boolean {\n  return !isElementNode(node) || !node.getAttribute('slot');\n}\n\nfunction isElementNode(node: Node): node is Element {\n  return node.nodeType === 1;\n}\n"],"mappings":"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"}
+{"version":3,"file":"format-truncate2.js","names":["styles","_decorate","__decorate","format_truncate_default","FormatTruncate","LitElement","_args","#availableWidth","#onSlotChange","useStyles","attachInternals","#observeAvailableWidth","#resizeObserver","#resizeFrame","text","#slottedText","truncatedText","#renderText","slot","normalizeTruncateText","nodes","isDefaultSlotNode","normalizeTruncateString","measureText","#createTextMeasurer","truncateText","view","context","#textMeasurementContext","computedStyles","letterSpacing","cssPixelValue","wordSpacing","graphemeSegmenter","#measureText","graphemeSegments","whitespaceCount","#measurementContext","entry","entries","property","typeSSR","parsed","value","isElementNode","node"],"sources":["../../src/format-truncate/format-truncate.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { TemplateResult } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { attachInternals, useStyles, typeSSR } from '@nvidia-elements/core/internal';\nimport { normalizeTruncateString, normalizeTruncateText, truncateText } from './utils.js';\nimport styles from './format-truncate.css?inline';\n\n/**\n * @element nve-format-truncate\n * @description Truncates text at its start, center, or end while preserving the full text for assistive technology.\n * @documentation https://nvidia.github.io/elements/docs/elements/format-truncate/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/format-truncate\n * @slot - Text to truncate. The component flattens, trims, and normalizes mixed text and element nodes.\n * @beta\n */\n@typeSSR()\nexport class FormatTruncate extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-format-truncate',\n    version: '0.0.0'\n  };\n\n  /**\n   * Location of the ellipsis. Use start or end to preserve one edge, or center to preserve both edges.\n   */\n  @property({ type: String, reflect: true }) position: 'start' | 'center' | 'end' = 'start';\n\n  /**\n   * Text unit used for center truncation. Character preserves graphemes, word preserves words, and path preserves path segments.\n   */\n  @property({ type: String, reflect: true }) strategy: 'character' | 'word' | 'path' = 'character';\n\n  /**\n   * Edge favored by center truncation. The favored edge keeps at least the configured number of units.\n   */\n  @property({ type: String, reflect: true }) bias: 'start' | 'end' = 'end';\n\n  /**\n   * Number of strategy units retained at the biased edge during center truncation.\n   */\n  @property({ type: Number, reflect: true }) preserve = 6;\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #measurementContext?: CanvasRenderingContext2D | null;\n  #resizeObserver?: ResizeObserver;\n  #resizeFrame?: number;\n  #availableWidth = Number.POSITIVE_INFINITY;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    attachInternals(this);\n    this.#availableWidth = Number.POSITIVE_INFINITY;\n    this.#observeAvailableWidth();\n    this.requestUpdate();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#resizeObserver?.disconnect();\n    if (this.#resizeFrame !== undefined) this.ownerDocument.defaultView?.cancelAnimationFrame(this.#resizeFrame);\n    this.#resizeFrame = undefined;\n  }\n\n  connectedMoveCallback(): void {\n    this.#availableWidth = Number.POSITIVE_INFINITY;\n    this.#observeAvailableWidth();\n    this.requestUpdate();\n  }\n\n  override render(): TemplateResult {\n    const text = this.#slottedText;\n    const truncatedText = this.#renderText(text);\n\n    if (truncatedText !== text) {\n      if (this.title !== text) this.title = text;\n    } else this.removeAttribute('title');\n\n    return html`<span internal-host aria-hidden=\"true\">${truncatedText}</span><span sizing-host aria-hidden=\"true\">${text}</span><slot @slotchange=${this.#onSlotChange}></slot>`;\n  }\n\n  get #slottedText(): string {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot:not([name])');\n    if (slot) return normalizeTruncateText(slot.assignedNodes({ flatten: true }));\n\n    const nodes = Array.from(this.childNodes ?? []).filter(isDefaultSlotNode);\n    return nodes.length ? normalizeTruncateText(nodes) : normalizeTruncateString(this.textContent ?? '');\n  }\n\n  #renderText(text: string): string {\n    const measureText = this.#createTextMeasurer();\n\n    return truncateText(text, {\n      position: this.position,\n      strategy: this.strategy,\n      bias: this.bias,\n      preserve: this.preserve,\n      availableWidth: this.#availableWidth,\n      measureText\n    });\n  }\n\n  #createTextMeasurer(): (text: string) => number {\n    const view = this.ownerDocument?.defaultView;\n    const context = this.#textMeasurementContext;\n    if (!view || !context) return () => 0;\n\n    const computedStyles = view.getComputedStyle(this);\n    context.font = computedStyles.font;\n\n    const letterSpacing = cssPixelValue(computedStyles.letterSpacing);\n    const wordSpacing = cssPixelValue(computedStyles.wordSpacing);\n    const graphemeSegmenter = new Intl.Segmenter(undefined, { granularity: 'grapheme' });\n\n    return text => this.#measureText(text, { context, letterSpacing, wordSpacing, graphemeSegmenter });\n  }\n\n  #measureText(\n    text: string,\n    {\n      context,\n      letterSpacing,\n      wordSpacing,\n      graphemeSegmenter\n    }: {\n      context: CanvasRenderingContext2D;\n      letterSpacing: number;\n      wordSpacing: number;\n      graphemeSegmenter: Intl.Segmenter;\n    }\n  ): number {\n    const graphemeSegments = graphemeSegmenter.segment(text);\n    const whitespaceCount = Array.from(text.matchAll(/\\s/gu)).length;\n\n    return (\n      context.measureText(text).width +\n      Math.max(0, Array.from(graphemeSegments).length - 1) * letterSpacing +\n      whitespaceCount * wordSpacing\n    );\n  }\n\n  get #textMeasurementContext(): CanvasRenderingContext2D | null {\n    if (this.#measurementContext === undefined) {\n      this.#measurementContext = this.ownerDocument?.createElement('canvas').getContext('2d') ?? null;\n    }\n\n    return this.#measurementContext;\n  }\n\n  #observeAvailableWidth(): void {\n    if (typeof ResizeObserver === 'undefined') return;\n\n    this.#resizeObserver ??= new ResizeObserver(entries => {\n      const entry = entries[0];\n      if (this.isConnected && entry) {\n        // Content-box measurements avoid synchronous geometry reads between sibling Lit updates.\n        this.#availableWidth = entry.contentRect.width;\n        const view = this.ownerDocument.defaultView;\n        if (view && this.#resizeFrame === undefined) {\n          this.#resizeFrame = view.requestAnimationFrame(() => {\n            this.#resizeFrame = undefined;\n            if (this.isConnected) this.requestUpdate();\n          });\n        }\n      }\n    });\n    this.#resizeObserver.disconnect();\n    this.#resizeObserver.observe(this);\n  }\n\n  #onSlotChange = (): void => {\n    this.requestUpdate();\n  };\n}\n\nfunction cssPixelValue(value: string): number {\n  const parsed = Number.parseFloat(value);\n  return Number.isFinite(parsed) ? parsed : 0;\n}\n\nfunction isDefaultSlotNode(node: Node): boolean {\n  return !isElementNode(node) || !node.getAttribute('slot');\n}\n\nfunction isElementNode(node: Node): node is Element {\n  return node.nodeType === 1;\n}\n"],"mappings":"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"}

package/dist/forms/control/control2.js

@@ -51,7 +51,7 @@ var C = class extends _ {
 	static {
 		this.metadata = {
 			tag: "nve-control",
-			version: "2.21.0"
+			version: "2.21.1"
 		};
 	}
 	render() {

package/dist/forms/control-group/control-group2.js

@@ -24,7 +24,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-control-group",
-			version: "2.21.0"
+			version: "2.21.1"
 		};
 	}
 	render() {

package/dist/forms/control-message/control-message2.js

@@ -23,7 +23,7 @@ var l = {
 	static {
 		this.metadata = {
 			tag: "nve-control-message",
-			version: "2.21.0"
+			version: "2.21.1"
 		};
 	}
 	static {

package/dist/gauge/gauge2.js

@@ -45,7 +45,7 @@ var l = {
 	static {
 		this.metadata = {
 			tag: "nve-gauge",
-			version: "2.21.0"
+			version: "2.21.1"
 		};
 	}
 	#e;

package/dist/grid/cell/cell2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-grid-cell",
-			version: "2.21.0"
+			version: "2.21.1"
 		};
 	}
 	render() {

package/dist/grid/column/column2.js

@@ -13,7 +13,7 @@ var c = class r extends a {
 	static {
 		this.metadata = {
 			tag: "nve-grid-column",
-			version: "2.21.0"
+			version: "2.21.1"
 		};
 	}
 	get #e() {

package/dist/grid/footer/footer2.js

@@ -15,7 +15,7 @@ var s = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-grid-footer",
-			version: "2.21.0"
+			version: "2.21.1"
 		};
 	}
 	static {

package/dist/grid/grid2.js

@@ -23,7 +23,7 @@ var y = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-grid",
-			version: "2.21.0",
+			version: "2.21.1",
 			children: [
 				d.metadata.tag,
 				f.metadata.tag,

package/dist/grid/header/header2.js

@@ -19,7 +19,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-grid-header",
-			version: "2.21.0",
+			version: "2.21.1",
 			children: [s.metadata.tag]
 		};
 	}

package/dist/grid/placeholder/placeholder2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-grid-placeholder",
-			version: "2.21.0"
+			version: "2.21.1"
 		};
 	}
 	render() {

package/dist/grid/row/row2.js

@@ -15,7 +15,7 @@ var u = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-grid-row",
-			version: "2.21.0",
+			version: "2.21.1",
 			children: [a.metadata.tag]
 		};
 	}

package/dist/icon/icon2.js

@@ -16,7 +16,7 @@ var f = class n extends o {
 	static {
 		this.metadata = {
 			tag: "nve-icon",
-			version: "2.21.0"
+			version: "2.21.1"
 		};
 	}
 	static {
@@ -103,7 +103,7 @@ a([l({
 })], f.prototype, "name", void 0), a([d()], f.prototype, "svg", void 0);
 function p(e) {
 	if (typeof globalThis.customElements?.get == "function") {
-		let t = n(e.metadata.version), i = n("2.21.0");
+		let t = n(e.metadata.version), i = n("2.21.1");
 		t.minor <= i.minor && t.major <= i.major && (e._icons = {
 			...e._icons,
 			...r

package/dist/icon-button/icon-button2.js

@@ -15,7 +15,7 @@ var l = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-icon-button",
-			version: "2.21.0"
+			version: "2.21.1"
 		};
 	}
 	static {

package/dist/iframe/iframe2.js

@@ -47,7 +47,7 @@ var a = "\n    window.addEventListener('message', event => {\n      if (event.so
 	static {
 		this.metadata = {
 			tag: "nve-iframe",
-			version: "2.21.0"
+			version: "2.21.1"
 		};
 	}
 	static get observedAttributes() {

package/dist/index.js

@@ -2,7 +2,7 @@ import { getThemeTokens as e } from "./internal/utils/dom.js";
 import { statusIcons as t } from "./internal/types/index.js";
 import { internal_exports as n } from "./internal/index.js";
 // src/index.ts
-var r = "2.21.0", i = "@nvidia-elements", a = n.I18nService;
+var r = "2.21.1", i = "@nvidia-elements", a = n.I18nService;
 export { a as I18nService, i as SCOPE, r as VERSION, e as getThemeTokens, t as statusIcons };
 
 //# sourceMappingURL=index.js.map

package/dist/input/input-group2.js

@@ -11,7 +11,7 @@ var a = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-input-group",
-			version: "2.21.0"
+			version: "2.21.1"
 		};
 	}
 	async connectedCallback() {

package/dist/input/input2.js

@@ -14,7 +14,7 @@ var a = r, o = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-input",
-			version: "2.21.0"
+			version: "2.21.1"
 		};
 	}
 };

package/dist/internal/controllers/type-native-popover.controller.d.ts

@@ -6,7 +6,6 @@ export interface NativePopover extends ReactiveElement {
     popoverType?: PopoverType;
     modal?: boolean;
     popoverDismissible?: boolean;
-    _activeTrigger?: HTMLElement;
     _internals?: ElementInternals;
     /** @deprecated */
     trigger?: HTMLElement | string;

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

@@ -1 +1 @@
-{"version":3,"file":"type-native-popover.controller.js","names":["TypeNativePopoverController","#nativeTriggers","root","popoverTargetTriggers","commandForTriggers","interestForTriggers","host","showPopover","source","options","getHostAnchor","getHostTrigger","attachInternals","#updateLegacyTriggers","#setupLegacyTriggers","#setupModalLightDismiss","#onBeforeToggle","#onToggle","#onCommand","#onInterest","#onLoseInterest","#observers","observer","#onPointerDown","#onPointerUp","#removeHintTrigger","#clearInterestTimeout","#clearCloseTimeout","#closeTimeout","#interestTimeout","raw","value","#legacyHostTrigger","r","trigger","#previousLegacyTrigger","#clearLegacyTrigger","#hintTrigger","#setupHintTrigger","#setupPopoverTargetTrigger","#onHintMouseEnter","#onHintMouseLeave","generateId","open","focusElement","target","#setCloseTimeout","#toggleFocus","interestDelayStart","#parseInterestDelay","#pointerdownWithinModal","clickOutsideElementBounds","hasOpenPopover"],"sources":["../../../src/internal/controllers/type-native-popover.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport { clickOutsideElementBounds, generateId } from '../utils/dom.js';\nimport { attachInternals } from '../utils/a11y.js';\nimport { focusElement } from '../utils/focus.js';\nimport { getHostAnchor, getHostTrigger, hasOpenPopover } from './type-native-popover.utils.js';\nimport type { InterestEvent, PopoverType } from '../types/index.js';\n\nexport interface NativePopover extends ReactiveElement {\n  anchor?: HTMLElement | string;\n  closeTimeout?: number;\n  popoverType?: PopoverType;\n  modal?: boolean;\n  popoverDismissible?: boolean;\n  _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  _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.d.ts

@@ -2,6 +2,5 @@ export declare function associateAnchor(host: HTMLElement, anchor: HTMLElement):
 export declare function getHostTrigger(element: HTMLElement, trigger: HTMLElement | string): HTMLButtonElement;
 export declare function getHostAnchor(host: HTMLElement & {
     anchor?: HTMLElement | string;
-    _activeTrigger?: HTMLElement;
 }): HTMLElement;
 export declare function hasOpenPopover(host: HTMLElement): boolean;

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

@@ -6,7 +6,7 @@ function r(e, t) {
 	return typeof t == "string" ? n(e.parentNode).filter((e) => e?.id !== "").find((e) => e.id === t) ?? globalThis.document.body : t;
 }
 function i(r) {
-	let i = r.anchor ?? r._activeTrigger;
+	let i = r.anchor;
 	if (typeof i == "string" && i?.length) {
 		let a = n(r.parentNode).find((e) => e.id === i);
 		return a || e.warn(t(i)), a ?? globalThis.document.body;

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

@@ -1 +1 @@
-{"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"}
+{"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 }) {\n  const anchor = host.anchor;\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,GAAuD;CACnF,IAAMC,IAASC,EAAK;CAEpB,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/styles/popover.js

@@ -1,5 +1,5 @@
 // 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}";
+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\"]:not(:dir(rtl))) .arrow,:host([position=\"top\"][alignment=\"start\"]:dir(rtl)) .arrow{position-area:bottom right;translate:-50% 50%}:host([position=\"top\"][alignment=\"start\"]:not(:dir(rtl))) .arrow,:host([position=\"top\"][alignment=\"end\"]:dir(rtl)) .arrow{position-area:bottom left;translate:50% 50%}:host([position=\"bottom\"]) .arrow{position-area:top;translate:0% -50%}:host([position=\"bottom\"][alignment=\"end\"]:not(:dir(rtl))) .arrow,:host([position=\"bottom\"][alignment=\"start\"]:dir(rtl)) .arrow{position-area:top right;translate:-50% -50%}:host([position=\"bottom\"][alignment=\"start\"]:not(:dir(rtl))) .arrow,:host([position=\"bottom\"][alignment=\"end\"]:dir(rtl)) .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\"]:not(:dir(rtl))),:host([position=\"top\"][alignment=\"end\"]:dir(rtl)){position-area:top left}:host([position=\"top\"][alignment=\"end\"]:not(:dir(rtl))),:host([position=\"top\"][alignment=\"start\"]:dir(rtl)){position-area:top right}:host([position=\"top\"][alignment=\"start\"]:not(:dir(rtl))),:host([position=\"top\"][alignment=\"end\"]:dir(rtl)){position-area:top span-right}:host([position=\"top\"][alignment=\"end\"]:not(:dir(rtl))),:host([position=\"top\"][alignment=\"start\"]:dir(rtl)){position-area:top span-left}:host([position=\"bottom\"]){position-area:bottom center}:host([position=\"bottom\"][alignment=\"start\"]:not(:dir(rtl))),:host([position=\"bottom\"][alignment=\"end\"]:dir(rtl)){position-area:bottom span-right}:host([position=\"bottom\"][alignment=\"end\"]:not(:dir(rtl))),:host([position=\"bottom\"][alignment=\"start\"]:dir(rtl)){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}:host([popover][modal]):before{content:\" \";display:block;inset:0;z-index:99;position:fixed}";
 export { e as default };
 
 //# sourceMappingURL=popover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":["popover_default"],"sources":["../../../src/internal/styles/popover.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  --animation-duration: var(--nve-ref-animation-duration-200);\n  margin: calc(var(--nve-sys-layer-popover-offset) + calc(var(--nve-sys-layer-popover-arrow-offset) * 2));\n  border: 0;\n  padding: 0;\n  background: none;\n  position: fixed;\n  overflow: visible;\n  contain: initial;\n  width: max-content;\n  z-index: 99;\n  inset: revert;\n  interest-delay-start: 0.5s;\n}\n\n:host([popover]) {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/* Closed popovers must not retain layout boxes from host display styles. */\n:host([popover]:not(:popover-open)) {\n  display: none !important;\n}\n\n/* apply transitions during beforetoggle event to prevent flash of unstyled popover on page load */\n:host(:state(transition-start)) {\n  transition-duration: var(--animation-duration);\n  transition-timing-function: ease-in-out;\n  transition-property: opacity, display, overlay, translate, transform;\n  transition-behavior: allow-discrete;\n}\n\n/** workaround for Safari / Firefox which do not respect transitions on implicit anchor positioning */\n@supports not (container-type: anchored) {\n  :host {\n    --animation-duration: 0;\n  }\n}\n\n:host(:popover-open) {\n  opacity: 1;\n  pointer-events: initial;\n\n  @starting-style {\n    opacity: 0;\n  }\n}\n\n/* lit SSR ensure popovers are not visible until hydration has happened */\n:host(:not([nve-popover])),\n:host([defer-hydration]) {\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n\n[internal-host] {\n  width: var(--width);\n  min-width: var(--min-width);\n  font-family: inherit;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  white-space: nowrap;\n  z-index: 9999;\n  border: 0;\n  margin: 0;\n  user-select: text;\n}\n\n@supports (position-area: bottom) {\n  [internal-host] {\n    position: relative;\n  }\n\n  .arrow {\n    position-area: bottom;\n    translate: 0% 50%;\n  }\n\n  :host([position='top']) .arrow {\n    position-area: bottom;\n    translate: 0% 50%;\n  }\n\n  :host([position='top'][alignment='end']) .arrow {\n    position-area: bottom right;\n    translate: -50% 50%;\n  }\n\n  :host([position='top'][alignment='start']) .arrow {\n    position-area: bottom left;\n    translate: 50% 50%;\n  }\n\n  :host([position='bottom']) .arrow {\n    position-area: top;\n    translate: 0% -50%;\n  }\n\n  :host([position='bottom'][alignment='end']) .arrow {\n    position-area: top right;\n    translate: -50% -50%;\n  }\n\n  :host([position='bottom'][alignment='start']) .arrow {\n    position-area: top left;\n    translate: 50% -50%;\n  }\n\n  :host([position='left']) .arrow {\n    position-area: right;\n    translate: 50% 0%;\n  }\n\n  :host([position='left'][alignment='end']) .arrow {\n    position-area: bottom right;\n    translate: 50% -50%;\n  }\n\n  :host([position='left'][alignment='start']) .arrow {\n    position-area: top right;\n    translate: 50% 50%;\n  }\n\n  :host([position='right']) .arrow {\n    position-area: left;\n    translate: -50% 0%;\n  }\n\n  :host([position='right'][alignment='end']) .arrow {\n    position-area: bottom left;\n    translate: -50% -50%;\n  }\n\n  :host([position='right'][alignment='start']) .arrow {\n    position-area: top left;\n    translate: -50% 50%;\n  }\n\n  /** positioning */\n  :host([position='center']) {\n    position-area: center;\n  }\n\n  :host {\n    inset: auto !important;\n    place-self: normal !important;\n\n    /*\n     * This line is critical for shadow root positioning and auto anchor association\n     * https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Anchor_positioning/Using#implicit_anchor_association\n     */\n    position-anchor: auto !important;\n  }\n\n  /** top */\n  :host([position='top']) {\n    position-area: top center;\n  }\n\n  :host([position='top'][alignment='start']) {\n    position-area: top left;\n  }\n\n  :host([position='top'][alignment='end']) {\n    position-area: top right;\n  }\n\n  :host([position='top'][alignment='start']) {\n    position-area: top span-right;\n  }\n\n  :host([position='top'][alignment='end']) {\n    position-area: top span-left;\n  }\n\n  /** bottom */\n  :host([position='bottom']) {\n    position-area: bottom center;\n  }\n\n  :host([position='bottom'][alignment='start']) {\n    position-area: bottom span-right;\n  }\n\n  :host([position='bottom'][alignment='end']) {\n    position-area: bottom span-left;\n  }\n\n  /** left */\n  :host([position='left']) {\n    position-area: left center;\n  }\n\n  :host([position='left'][alignment='end']) {\n    position-area: left span-top;\n  }\n\n  :host([position='left'][alignment='start']) {\n    position-area: left span-bottom;\n  }\n\n  /** right */\n  :host([position='right']) {\n    position-area: right center;\n  }\n\n  :host([position='right'][alignment='end']) {\n    position-area: right span-top;\n  }\n\n  :host([position='right'][alignment='start']) {\n    position-area: right span-bottom;\n  }\n\n  :host([position='top']) {\n    position-try-fallbacks: top, bottom, left, right;\n  }\n\n  :host([position='bottom']) {\n    position-try-fallbacks: bottom, top, left, right;\n  }\n\n  :host([position='left']) {\n    position-try-fallbacks: left, right, top, bottom;\n  }\n\n  :host([position='right']) {\n    position-try-fallbacks: right, left, top, bottom;\n  }\n}\n\n:host([position='center'][alignment='center']) {\n  position-area: unset !important;\n  margin: auto !important;\n  inset: 0 !important;\n}\n\n/*\n * Remove the following @supports block after Chrome 145 is stable.\n * This is to compensate for a change in Chrome 144 for how anchor positioning with transforms works.\n * https://developer.chrome.com/blog/chrome-144-beta#css_anchor_positioning_with_transforms\n * https://x.com/una/status/1995538970223018004\n * \n * The (not selector(::search-text)) selector is used to target Chrome 143 and below.\n */\n@supports (not selector(::search-text)) and (position-area: bottom) {\n  .arrow {\n    translate: 0% -50%;\n  }\n\n  :host([position='top']) .arrow {\n    translate: 0% -50%;\n  }\n\n  :host([position='top'][alignment='end']) .arrow {\n    translate: -150% -50%;\n  }\n\n  :host([position='top'][alignment='start']) .arrow {\n    translate: 150% -50%;\n  }\n\n  :host([position='bottom']) .arrow {\n    translate: 0% 50%;\n  }\n\n  :host([position='bottom'][alignment='end']) .arrow {\n    translate: -150% 50%;\n  }\n\n  :host([position='bottom'][alignment='start']) .arrow {\n    translate: 150% 50%;\n  }\n\n  :host([position='left']) .arrow {\n    translate: -50% 0%;\n  }\n\n  :host([position='left'][alignment='end']) .arrow {\n    translate: -50% -150%;\n  }\n\n  :host([position='left'][alignment='start']) .arrow {\n    translate: -50% 150%;\n  }\n\n  :host([position='right']) .arrow {\n    translate: 50% 0%;\n  }\n\n  :host([position='right'][alignment='end']) .arrow {\n    translate: 50% -150%;\n  }\n\n  :host([position='right'][alignment='start']) .arrow {\n    translate: 50% 150%;\n  }\n}\n\n:host([popover][modal])::before {\n  content: ' ';\n  display: block;\n  inset: 0;\n  z-index: 99;\n  position: fixed;\n}\n"],"mappings":""}
+{"version":3,"file":"popover.js","names":["popover_default"],"sources":["../../../src/internal/styles/popover.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  --animation-duration: var(--nve-ref-animation-duration-200);\n  margin: calc(var(--nve-sys-layer-popover-offset) + calc(var(--nve-sys-layer-popover-arrow-offset) * 2));\n  border: 0;\n  padding: 0;\n  background: none;\n  position: fixed;\n  overflow: visible;\n  contain: initial;\n  width: max-content;\n  z-index: 99;\n  inset: revert;\n  interest-delay-start: 0.5s;\n}\n\n:host([popover]) {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/* Closed popovers must not retain layout boxes from host display styles. */\n:host([popover]:not(:popover-open)) {\n  display: none !important;\n}\n\n/* apply transitions during beforetoggle event to prevent flash of unstyled popover on page load */\n:host(:state(transition-start)) {\n  transition-duration: var(--animation-duration);\n  transition-timing-function: ease-in-out;\n  transition-property: opacity, display, overlay, translate, transform;\n  transition-behavior: allow-discrete;\n}\n\n/** workaround for Safari / Firefox which do not respect transitions on implicit anchor positioning */\n@supports not (container-type: anchored) {\n  :host {\n    --animation-duration: 0;\n  }\n}\n\n:host(:popover-open) {\n  opacity: 1;\n  pointer-events: initial;\n\n  @starting-style {\n    opacity: 0;\n  }\n}\n\n/* lit SSR ensure popovers are not visible until hydration has happened */\n:host(:not([nve-popover])),\n:host([defer-hydration]) {\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n\n[internal-host] {\n  width: var(--width);\n  min-width: var(--min-width);\n  font-family: inherit;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  white-space: nowrap;\n  z-index: 9999;\n  border: 0;\n  margin: 0;\n  user-select: text;\n}\n\n@supports (position-area: bottom) {\n  [internal-host] {\n    position: relative;\n  }\n\n  .arrow {\n    position-area: bottom;\n    translate: 0% 50%;\n  }\n\n  :host([position='top']) .arrow {\n    position-area: bottom;\n    translate: 0% 50%;\n  }\n\n  :host([position='top'][alignment='end']:not(:dir(rtl))) .arrow,\n  :host([position='top'][alignment='start']:dir(rtl)) .arrow {\n    position-area: bottom right;\n    translate: -50% 50%;\n  }\n\n  :host([position='top'][alignment='start']:not(:dir(rtl))) .arrow,\n  :host([position='top'][alignment='end']:dir(rtl)) .arrow {\n    position-area: bottom left;\n    translate: 50% 50%;\n  }\n\n  :host([position='bottom']) .arrow {\n    position-area: top;\n    translate: 0% -50%;\n  }\n\n  :host([position='bottom'][alignment='end']:not(:dir(rtl))) .arrow,\n  :host([position='bottom'][alignment='start']:dir(rtl)) .arrow {\n    position-area: top right;\n    translate: -50% -50%;\n  }\n\n  :host([position='bottom'][alignment='start']:not(:dir(rtl))) .arrow,\n  :host([position='bottom'][alignment='end']:dir(rtl)) .arrow {\n    position-area: top left;\n    translate: 50% -50%;\n  }\n\n  :host([position='left']) .arrow {\n    position-area: right;\n    translate: 50% 0%;\n  }\n\n  :host([position='left'][alignment='end']) .arrow {\n    position-area: bottom right;\n    translate: 50% -50%;\n  }\n\n  :host([position='left'][alignment='start']) .arrow {\n    position-area: top right;\n    translate: 50% 50%;\n  }\n\n  :host([position='right']) .arrow {\n    position-area: left;\n    translate: -50% 0%;\n  }\n\n  :host([position='right'][alignment='end']) .arrow {\n    position-area: bottom left;\n    translate: -50% -50%;\n  }\n\n  :host([position='right'][alignment='start']) .arrow {\n    position-area: top left;\n    translate: -50% 50%;\n  }\n\n  /** positioning */\n  :host([position='center']) {\n    position-area: center;\n  }\n\n  :host {\n    inset: auto !important;\n    place-self: normal !important;\n\n    /*\n     * This line is critical for shadow root positioning and auto anchor association\n     * https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Anchor_positioning/Using#implicit_anchor_association\n     */\n    position-anchor: auto !important;\n  }\n\n  /** top */\n  :host([position='top']) {\n    position-area: top center;\n  }\n\n  :host([position='top'][alignment='start']:not(:dir(rtl))),\n  :host([position='top'][alignment='end']:dir(rtl)) {\n    position-area: top left;\n  }\n\n  :host([position='top'][alignment='end']:not(:dir(rtl))),\n  :host([position='top'][alignment='start']:dir(rtl)) {\n    position-area: top right;\n  }\n\n  :host([position='top'][alignment='start']:not(:dir(rtl))),\n  :host([position='top'][alignment='end']:dir(rtl)) {\n    position-area: top span-right;\n  }\n\n  :host([position='top'][alignment='end']:not(:dir(rtl))),\n  :host([position='top'][alignment='start']:dir(rtl)) {\n    position-area: top span-left;\n  }\n\n  /** bottom */\n  :host([position='bottom']) {\n    position-area: bottom center;\n  }\n\n  :host([position='bottom'][alignment='start']:not(:dir(rtl))),\n  :host([position='bottom'][alignment='end']:dir(rtl)) {\n    position-area: bottom span-right;\n  }\n\n  :host([position='bottom'][alignment='end']:not(:dir(rtl))),\n  :host([position='bottom'][alignment='start']:dir(rtl)) {\n    position-area: bottom span-left;\n  }\n\n  /** left */\n  :host([position='left']) {\n    position-area: left center;\n  }\n\n  :host([position='left'][alignment='end']) {\n    position-area: left span-top;\n  }\n\n  :host([position='left'][alignment='start']) {\n    position-area: left span-bottom;\n  }\n\n  /** right */\n  :host([position='right']) {\n    position-area: right center;\n  }\n\n  :host([position='right'][alignment='end']) {\n    position-area: right span-top;\n  }\n\n  :host([position='right'][alignment='start']) {\n    position-area: right span-bottom;\n  }\n\n  :host([position='top']) {\n    position-try-fallbacks: top, bottom, left, right;\n  }\n\n  :host([position='bottom']) {\n    position-try-fallbacks: bottom, top, left, right;\n  }\n\n  :host([position='left']) {\n    position-try-fallbacks: left, right, top, bottom;\n  }\n\n  :host([position='right']) {\n    position-try-fallbacks: right, left, top, bottom;\n  }\n}\n\n:host([position='center'][alignment='center']) {\n  position-area: unset !important;\n  margin: auto !important;\n  inset: 0 !important;\n}\n\n:host([popover][modal])::before {\n  content: ' ';\n  display: block;\n  inset: 0;\n  z-index: 99;\n  position: fixed;\n}\n"],"mappings":""}

package/dist/joystick/joystick2.js

@@ -38,7 +38,7 @@ var d = {
 	static {
 		this.metadata = {
 			tag: "nve-joystick",
-			version: "2.21.0",
+			version: "2.21.1",
 			valueSchema: {
 				type: "object",
 				properties: {

package/dist/logo/logo2.js

@@ -12,7 +12,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-logo",
-			version: "2.21.0"
+			version: "2.21.1"
 		};
 	}
 	render() {

package/dist/menu/menu-group2.js

@@ -21,7 +21,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-menu-group",
-			version: "2.21.0",
+			version: "2.21.1",
 			children: ["nve-menu"]
 		};
 	}