@nvidia-elements/core 2.18.2 → 2.18.3

package/dist/internal/controllers/keynav-grid.controller.js

@@ -1,8 +1,8 @@
-import { GlobalStateService as e } from "../services/global.service.js";
-import { LogService as t } from "../services/log.service.js";
-import { throttle as n } from "../utils/events.js";
-import { focusElement as r, getActiveElement as i, isSimpleFocusable as a, setActiveKeyListItem as o } from "../utils/focus.js";
-import { KeynavCode as s, getFlattenedDOMTree as c, getFlattenedFocusableItems as l, hasInvalidDOMGrid as u, isContextMenuClick as d, validKeyNavigationCode as f } from "../utils/dom.js";
+import { LogService as e } from "../services/log.service.js";
+import { throttle as t } from "../utils/events.js";
+import { focusElement as n, getActiveElement as r, isSimpleFocusable as i, setActiveKeyListItem as a } from "../utils/focus.js";
+import { KeynavCode as o, getFlattenedDOMTree as s, getFlattenedFocusableItems as c, hasInvalidDOMGrid as l, isContextMenuClick as u, validKeyNavigationCode as d } from "../utils/dom.js";
+import { GlobalStateService as f } from "@nvidia-elements/foundations/internal/state";
 //#region src/internal/controllers/keynav-grid.controller.ts
 function p() {
 	return (e) => e.addInitializer((e) => new m(e));
@@ -12,7 +12,7 @@ var m = class {
 	#t;
 	#n;
 	#r = /* @__PURE__ */ new WeakSet();
-	#i = n(() => this.#c(), 500, { trailing: !0 });
+	#i = t(() => this.#c(), 500, { trailing: !0 });
 	get #a() {
 		return {
 			grid: this.host,
@@ -62,33 +62,33 @@ var m = class {
 		this.#l(this.#e?.takeRecords() ?? []), this.#i.flush();
 	}
 	#d = (e) => {
-		if (!d(e)) {
+		if (!u(e)) {
 			this.#u();
 			let t = e.composedPath()[0], n = this.#s.find((e) => e === t) ? t : null;
 			n && this.#p(e, n);
 		}
 	};
-	#f = (n) => {
-		if (!f(n)) return;
+	#f = (t) => {
+		if (!d(t)) return;
 		this.#u();
-		let r = Array.from(this.#o), o = Array.from(this.#s);
-		if (e.state.env !== "production" && u(r)) {
-			t.warn("Invalid grid structure, all rows must have the same number of cells");
+		let n = Array.from(this.#o), a = Array.from(this.#s);
+		if (f.state.env !== "production" && l(n)) {
+			e.warn("Invalid grid structure, all rows must have the same number of cells");
 			return;
 		}
-		if (a(i())) {
-			let { x: e, y: t } = _(o, r, {
-				code: n.code,
-				ctrlKey: n.ctrlKey,
+		if (i(r())) {
+			let { x: e, y: r } = _(a, n, {
+				code: t.code,
+				ctrlKey: t.ctrlKey,
 				dir: this.host.dir
-			}), i = Array.from(c(r[t])).filter((e) => !!o.find((t) => t === e))[e];
-			this.#p(n, i), n.preventDefault();
+			}), i = Array.from(s(n[r])).filter((e) => !!a.find((t) => t === e))[e];
+			this.#p(t, i), t.preventDefault();
 		}
 	};
 	#p(e, t) {
-		this.#n = t, o(this.#s, t);
-		let n = l(t), i = n.filter((e) => a(e));
-		i.length === 1 && n.length === 1 ? r(i[0]) : r(t);
+		this.#n = t, a(this.#s, t);
+		let r = c(t), o = r.filter((e) => i(e));
+		o.length === 1 && r.length === 1 ? n(o[0]) : n(t);
 		let s = {
 			code: e instanceof KeyboardEvent ? e.code : null,
 			shiftKey: e.shiftKey,
@@ -104,15 +104,15 @@ var m = class {
 		if (e.code !== "Enter" && e.code !== "Escape") return;
 		this.#u();
 		let t = Array.from(this.#s).find((e) => e.tabIndex === 0);
-		e.code === "Escape" && t?.focus(), e.code === "Enter" && t === e.composedPath()[0] && l(t)[0]?.focus();
+		e.code === "Escape" && t?.focus(), e.code === "Enter" && t === e.composedPath()[0] && c(t)[0]?.focus();
 	};
 };
 function h(e, t) {
-	let n = t === "rtl" ? s.ArrowRight : s.ArrowLeft, r = t === "rtl" ? s.ArrowLeft : s.ArrowRight;
-	return e === s.ArrowUp ? {
+	let n = t === "rtl" ? o.ArrowRight : o.ArrowLeft, r = t === "rtl" ? o.ArrowLeft : o.ArrowRight;
+	return e === o.ArrowUp ? {
 		dx: 0,
 		dy: -1
-	} : e === s.ArrowDown ? {
+	} : e === o.ArrowDown ? {
 		dx: 0,
 		dy: 1
 	} : e === n ? {
@@ -121,20 +121,20 @@ function h(e, t) {
 	} : e === r ? {
 		dx: 1,
 		dy: 0
-	} : e === s.PageUp ? {
+	} : e === o.PageUp ? {
 		dx: 0,
 		dy: -4
-	} : e === s.PageDown ? {
+	} : e === o.PageDown ? {
 		dx: 0,
 		dy: 4
 	} : null;
 }
 function g(e, t, n) {
-	let { x: r, y: i } = t, { columnCount: a, rowCount: o, ctrlKey: c } = n;
-	return e === s.End ? {
+	let { x: r, y: i } = t, { columnCount: a, rowCount: s, ctrlKey: c } = n;
+	return e === o.End ? {
 		x: a,
-		y: c ? o : i
-	} : e === s.Home ? {
+		y: c ? s : i
+	} : e === o.Home ? {
 		x: 0,
 		y: c ? 0 : i
 	} : {
@@ -143,12 +143,12 @@ function g(e, t, n) {
 	};
 }
 function _(e, t, n) {
-	let r = e.find((e) => e.tabIndex === 0), i = t.find((e) => c(e).find((e) => e === r)), a = Array.from(c(i)).filter((t) => !!e.find((e) => e === t)), o = t.length - 1, s = a.length - 1, l = a.indexOf(r), u = t.indexOf(i), d = h(n.code, n.dir);
-	return d ? (l = Math.max(0, Math.min(s, l + d.dx)), u = Math.max(0, Math.min(o, u + d.dy))) : {x: l, y: u} = g(n.code, {
+	let r = e.find((e) => e.tabIndex === 0), i = t.find((e) => s(e).find((e) => e === r)), a = Array.from(s(i)).filter((t) => !!e.find((e) => e === t)), o = t.length - 1, c = a.length - 1, l = a.indexOf(r), u = t.indexOf(i), d = h(n.code, n.dir);
+	return d ? (l = Math.max(0, Math.min(c, l + d.dx)), u = Math.max(0, Math.min(o, u + d.dy))) : {x: l, y: u} = g(n.code, {
 		x: l,
 		y: u
 	}, {
-		columnCount: s,
+		columnCount: c,
 		rowCount: o,
 		ctrlKey: n.ctrlKey
 	}), {

package/dist/internal/controllers/keynav-grid.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"keynav-grid.controller.js","names":[],"sources":["../../../src/internal/controllers/keynav-grid.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 type { LegacyDecoratorTarget } from '../types/index.js';\nimport { throttle } from '../utils/events.js';\nimport { GlobalStateService } from '../services/global.service.js';\nimport { LogService } from '../services/log.service.js';\nimport {\n  validKeyNavigationCode,\n  isContextMenuClick,\n  getFlattenedDOMTree,\n  getFlattenedFocusableItems,\n  KeynavCode,\n  hasInvalidDOMGrid\n} from '../utils/dom.js';\nimport { focusElement, getActiveElement, setActiveKeyListItem, isSimpleFocusable } from '../utils/focus.js';\n\nexport interface KeynavGridConfig {\n  grid?: HTMLElement;\n  columnRow?: HTMLElement;\n  columns?: NodeListOf<HTMLElement> | HTMLElement[];\n  rows: NodeListOf<HTMLElement> | HTMLElement[];\n  cells: NodeListOf<HTMLElement> | HTMLElement[];\n}\n\nexport interface KeynavGridElement {\n  keynavGridConfig: KeynavGridConfig;\n}\n\n/**\n * https://w3c.github.io/aria-practices/#gridNav_focus\n */\nexport function keyNavigationGrid<T extends ReactiveElement & KeynavGridElement>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new KeyNavigationGridController(instance));\n}\n\nexport class KeyNavigationGridController<T extends ReactiveElement & KeynavGridElement> implements ReactiveController {\n  #observer?: MutationObserver;\n  #grid?: HTMLElement;\n  #activeCell?: HTMLElement;\n  #cells = new WeakSet<HTMLElement>();\n  #updateCells = throttle(() => this.#initializeCells(), 500, { trailing: true });\n\n  get #config() {\n    return {\n      grid: this.host,\n      ...this.host.keynavGridConfig\n    };\n  }\n\n  get #hostRows() {\n    const rows = Array.from(this.#config.rows);\n\n    if (this.#config.columnRow) {\n      rows.unshift(this.#config.columnRow);\n    }\n\n    return rows;\n  }\n\n  get #hostCells() {\n    const { columns, cells } = this.#config;\n    return [...Array.from(columns ?? []), ...Array.from(cells)];\n  }\n\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  async hostConnected() {\n    await this.host.updateComplete;\n    if (!this.host.isConnected) return;\n\n    this.#grid = this.#config.grid;\n    this.#initializeCells();\n    this.#grid.addEventListener('keyup', this.#onKeyUp);\n    this.#grid.addEventListener('keydown', this.#onKeyDown);\n    this.#grid.addEventListener('mouseup', this.#onMouseUp);\n    this.#observer?.disconnect();\n    this.#observer = new MutationObserver(this.#onMutations);\n    this.#observer.observe(this.#grid, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['tabindex']\n    });\n  }\n\n  hostDisconnected() {\n    this.#observer?.disconnect();\n    this.#observer = undefined;\n    this.#updateCells.cancel();\n    this.#grid?.removeEventListener('keyup', this.#onKeyUp);\n    this.#grid?.removeEventListener('keydown', this.#onKeyDown);\n    this.#grid?.removeEventListener('mouseup', this.#onMouseUp);\n    this.#grid = undefined;\n    this.#activeCell = undefined;\n  }\n\n  #initializeCells() {\n    const cells = this.#hostCells;\n    const activeCell =\n      cells.find(cell => cell.tabIndex === 0) ??\n      (this.#activeCell && cells.includes(this.#activeCell) ? this.#activeCell : cells[0]);\n    this.#activeCell = activeCell;\n    this.#cells = new WeakSet(cells);\n    for (const cell of cells) {\n      const tabIndex = cell === activeCell ? '0' : '-1';\n      // Avoid observing our own unchanged writes after a DOM morph or key change.\n      if (cell.getAttribute('tabindex') !== tabIndex) {\n        cell.setAttribute('tabindex', tabIndex);\n      }\n    }\n  }\n\n  #onMutations = (mutations: MutationRecord[]) => {\n    const changed = mutations.some(mutation => {\n      if (mutation.type === 'attributes') {\n        const cell = mutation.target;\n        // Ignore nested controls and our own tabindex writes.\n        return (\n          cell instanceof HTMLElement &&\n          this.#cells.has(cell) &&\n          cell.getAttribute('tabindex') !== (cell === this.#activeCell ? '0' : '-1')\n        );\n      }\n      return [...mutation.addedNodes, ...mutation.removedNodes].some(node => node.nodeType === Node.ELEMENT_NODE);\n    });\n    if (changed) this.#updateCells();\n  };\n\n  #flushCellUpdates() {\n    // A key event can arrive before the observer delivers a synchronous DOM update.\n    this.#onMutations(this.#observer?.takeRecords() ?? []);\n    this.#updateCells.flush();\n  }\n\n  #onMouseUp = (e: MouseEvent) => {\n    if (!isContextMenuClick(e)) {\n      this.#flushCellUpdates();\n      const focusedElement = e.composedPath()[0] as HTMLElement;\n      const activeCell = this.#hostCells.find(i => i === focusedElement) ? focusedElement : null;\n      if (activeCell) {\n        this.#setActiveCell(e, activeCell);\n      }\n    }\n  };\n\n  #onKeyDown = (e: KeyboardEvent) => {\n    if (!validKeyNavigationCode(e)) return;\n    this.#flushCellUpdates();\n    const rows = Array.from(this.#hostRows);\n    const cells = Array.from(this.#hostCells);\n\n    if (GlobalStateService.state.env !== 'production' && hasInvalidDOMGrid(rows)) {\n      LogService.warn('Invalid grid structure, all rows must have the same number of cells');\n      return;\n    }\n\n    if (isSimpleFocusable(getActiveElement() as Element)) {\n      const { x, y } = getNextKeyGridItem(cells, rows, {\n        code: e.code,\n        ctrlKey: e.ctrlKey,\n        dir: this.host.dir\n      });\n\n      const nextCell = Array.from(getFlattenedDOMTree(rows[y]!)).filter(c => !!cells.find(i => i === c))[\n        x\n      ] as HTMLElement;\n      this.#setActiveCell(e, nextCell);\n      e.preventDefault();\n    }\n  };\n\n  #setActiveCell(e: KeyboardEvent | MouseEvent, activeCell: HTMLElement) {\n    this.#activeCell = activeCell;\n    setActiveKeyListItem(this.#hostCells, activeCell);\n\n    const items = getFlattenedFocusableItems(activeCell);\n    const simpleItems = items.filter(i => isSimpleFocusable(i));\n\n    if (simpleItems.length === 1 && items.length === 1) {\n      focusElement(simpleItems[0]!);\n    } else {\n      focusElement(activeCell);\n    }\n\n    const detail = { code: e instanceof KeyboardEvent ? e.code : null, shiftKey: e.shiftKey, activeItem: activeCell };\n    activeCell.dispatchEvent(new CustomEvent('nve-key-change', { bubbles: true, composed: true, detail }));\n  }\n\n  #onKeyUp = (e: KeyboardEvent) => {\n    if (e.code !== 'Enter' && e.code !== 'Escape') return;\n    this.#flushCellUpdates();\n    const activeCell = Array.from(this.#hostCells).find(i => i.tabIndex === 0) as HTMLElement;\n    if (e.code === 'Escape') {\n      activeCell?.focus();\n    }\n\n    if (e.code === 'Enter' && activeCell === e.composedPath()[0]) {\n      getFlattenedFocusableItems(activeCell)[0]?.focus();\n    }\n  };\n}\n\nfunction getGridDelta(code: KeynavCode | string, dir: string): { dx: number; dy: number } | null {\n  const start = dir === 'rtl' ? KeynavCode.ArrowRight : KeynavCode.ArrowLeft;\n  const end = dir === 'rtl' ? KeynavCode.ArrowLeft : KeynavCode.ArrowRight;\n\n  if (code === KeynavCode.ArrowUp) return { dx: 0, dy: -1 };\n  if (code === KeynavCode.ArrowDown) return { dx: 0, dy: 1 };\n  if (code === start) return { dx: -1, dy: 0 };\n  if (code === end) return { dx: 1, dy: 0 };\n  if (code === KeynavCode.PageUp) return { dx: 0, dy: -4 };\n  if (code === KeynavCode.PageDown) return { dx: 0, dy: 4 };\n  return null;\n}\n\nfunction applyGridHomeEnd(\n  code: KeynavCode | string,\n  position: { x: number; y: number },\n  bounds: { columnCount: number; rowCount: number; ctrlKey: boolean }\n) {\n  const { x, y } = position;\n  const { columnCount, rowCount, ctrlKey } = bounds;\n  if (code === KeynavCode.End) {\n    return { x: columnCount, y: ctrlKey ? rowCount : y };\n  }\n\n  if (code === KeynavCode.Home) {\n    return { x: 0, y: ctrlKey ? 0 : y };\n  }\n\n  return { x, y };\n}\n\nexport function getNextKeyGridItem(\n  cells: HTMLElement[],\n  rows: HTMLElement[],\n  config: { code: KeynavCode | string; ctrlKey: boolean; dir: string }\n) {\n  const currentCell = cells.find(i => i.tabIndex === 0) as HTMLElement;\n  const currentRow = rows.find(r => getFlattenedDOMTree(r).find(c => c === currentCell)) as HTMLElement;\n  const currentRowCells = Array.from(getFlattenedDOMTree(currentRow)).filter(c => !!cells.find(i => i === c));\n  const rowCount = rows.length - 1;\n  const columnCount = currentRowCells.length - 1;\n\n  let x = currentRowCells.indexOf(currentCell);\n  let y = rows.indexOf(currentRow);\n\n  const delta = getGridDelta(config.code, config.dir);\n  if (delta) {\n    x = Math.max(0, Math.min(columnCount, x + delta.dx));\n    y = Math.max(0, Math.min(rowCount, y + delta.dy));\n  } else {\n    ({ x, y } = applyGridHomeEnd(config.code, { x, y }, { columnCount, rowCount, ctrlKey: config.ctrlKey }));\n  }\n\n  return { x, y };\n}\n"],"mappings":"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"}
+{"version":3,"file":"keynav-grid.controller.js","names":[],"sources":["../../../src/internal/controllers/keynav-grid.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 type { LegacyDecoratorTarget } from '../types/index.js';\nimport { throttle } from '../utils/events.js';\nimport { GlobalStateService } from '@nvidia-elements/foundations/internal/state';\nimport { LogService } from '../services/log.service.js';\nimport {\n  validKeyNavigationCode,\n  isContextMenuClick,\n  getFlattenedDOMTree,\n  getFlattenedFocusableItems,\n  KeynavCode,\n  hasInvalidDOMGrid\n} from '../utils/dom.js';\nimport { focusElement, getActiveElement, setActiveKeyListItem, isSimpleFocusable } from '../utils/focus.js';\n\nexport interface KeynavGridConfig {\n  grid?: HTMLElement;\n  columnRow?: HTMLElement;\n  columns?: NodeListOf<HTMLElement> | HTMLElement[];\n  rows: NodeListOf<HTMLElement> | HTMLElement[];\n  cells: NodeListOf<HTMLElement> | HTMLElement[];\n}\n\nexport interface KeynavGridElement {\n  keynavGridConfig: KeynavGridConfig;\n}\n\n/**\n * https://w3c.github.io/aria-practices/#gridNav_focus\n */\nexport function keyNavigationGrid<T extends ReactiveElement & KeynavGridElement>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new KeyNavigationGridController(instance));\n}\n\nexport class KeyNavigationGridController<T extends ReactiveElement & KeynavGridElement> implements ReactiveController {\n  #observer?: MutationObserver;\n  #grid?: HTMLElement;\n  #activeCell?: HTMLElement;\n  #cells = new WeakSet<HTMLElement>();\n  #updateCells = throttle(() => this.#initializeCells(), 500, { trailing: true });\n\n  get #config() {\n    return {\n      grid: this.host,\n      ...this.host.keynavGridConfig\n    };\n  }\n\n  get #hostRows() {\n    const rows = Array.from(this.#config.rows);\n\n    if (this.#config.columnRow) {\n      rows.unshift(this.#config.columnRow);\n    }\n\n    return rows;\n  }\n\n  get #hostCells() {\n    const { columns, cells } = this.#config;\n    return [...Array.from(columns ?? []), ...Array.from(cells)];\n  }\n\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  async hostConnected() {\n    await this.host.updateComplete;\n    if (!this.host.isConnected) return;\n\n    this.#grid = this.#config.grid;\n    this.#initializeCells();\n    this.#grid.addEventListener('keyup', this.#onKeyUp);\n    this.#grid.addEventListener('keydown', this.#onKeyDown);\n    this.#grid.addEventListener('mouseup', this.#onMouseUp);\n    this.#observer?.disconnect();\n    this.#observer = new MutationObserver(this.#onMutations);\n    this.#observer.observe(this.#grid, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['tabindex']\n    });\n  }\n\n  hostDisconnected() {\n    this.#observer?.disconnect();\n    this.#observer = undefined;\n    this.#updateCells.cancel();\n    this.#grid?.removeEventListener('keyup', this.#onKeyUp);\n    this.#grid?.removeEventListener('keydown', this.#onKeyDown);\n    this.#grid?.removeEventListener('mouseup', this.#onMouseUp);\n    this.#grid = undefined;\n    this.#activeCell = undefined;\n  }\n\n  #initializeCells() {\n    const cells = this.#hostCells;\n    const activeCell =\n      cells.find(cell => cell.tabIndex === 0) ??\n      (this.#activeCell && cells.includes(this.#activeCell) ? this.#activeCell : cells[0]);\n    this.#activeCell = activeCell;\n    this.#cells = new WeakSet(cells);\n    for (const cell of cells) {\n      const tabIndex = cell === activeCell ? '0' : '-1';\n      // Avoid observing our own unchanged writes after a DOM morph or key change.\n      if (cell.getAttribute('tabindex') !== tabIndex) {\n        cell.setAttribute('tabindex', tabIndex);\n      }\n    }\n  }\n\n  #onMutations = (mutations: MutationRecord[]) => {\n    const changed = mutations.some(mutation => {\n      if (mutation.type === 'attributes') {\n        const cell = mutation.target;\n        // Ignore nested controls and our own tabindex writes.\n        return (\n          cell instanceof HTMLElement &&\n          this.#cells.has(cell) &&\n          cell.getAttribute('tabindex') !== (cell === this.#activeCell ? '0' : '-1')\n        );\n      }\n      return [...mutation.addedNodes, ...mutation.removedNodes].some(node => node.nodeType === Node.ELEMENT_NODE);\n    });\n    if (changed) this.#updateCells();\n  };\n\n  #flushCellUpdates() {\n    // A key event can arrive before the observer delivers a synchronous DOM update.\n    this.#onMutations(this.#observer?.takeRecords() ?? []);\n    this.#updateCells.flush();\n  }\n\n  #onMouseUp = (e: MouseEvent) => {\n    if (!isContextMenuClick(e)) {\n      this.#flushCellUpdates();\n      const focusedElement = e.composedPath()[0] as HTMLElement;\n      const activeCell = this.#hostCells.find(i => i === focusedElement) ? focusedElement : null;\n      if (activeCell) {\n        this.#setActiveCell(e, activeCell);\n      }\n    }\n  };\n\n  #onKeyDown = (e: KeyboardEvent) => {\n    if (!validKeyNavigationCode(e)) return;\n    this.#flushCellUpdates();\n    const rows = Array.from(this.#hostRows);\n    const cells = Array.from(this.#hostCells);\n\n    if (GlobalStateService.state.env !== 'production' && hasInvalidDOMGrid(rows)) {\n      LogService.warn('Invalid grid structure, all rows must have the same number of cells');\n      return;\n    }\n\n    if (isSimpleFocusable(getActiveElement() as Element)) {\n      const { x, y } = getNextKeyGridItem(cells, rows, {\n        code: e.code,\n        ctrlKey: e.ctrlKey,\n        dir: this.host.dir\n      });\n\n      const nextCell = Array.from(getFlattenedDOMTree(rows[y]!)).filter(c => !!cells.find(i => i === c))[\n        x\n      ] as HTMLElement;\n      this.#setActiveCell(e, nextCell);\n      e.preventDefault();\n    }\n  };\n\n  #setActiveCell(e: KeyboardEvent | MouseEvent, activeCell: HTMLElement) {\n    this.#activeCell = activeCell;\n    setActiveKeyListItem(this.#hostCells, activeCell);\n\n    const items = getFlattenedFocusableItems(activeCell);\n    const simpleItems = items.filter(i => isSimpleFocusable(i));\n\n    if (simpleItems.length === 1 && items.length === 1) {\n      focusElement(simpleItems[0]!);\n    } else {\n      focusElement(activeCell);\n    }\n\n    const detail = { code: e instanceof KeyboardEvent ? e.code : null, shiftKey: e.shiftKey, activeItem: activeCell };\n    activeCell.dispatchEvent(new CustomEvent('nve-key-change', { bubbles: true, composed: true, detail }));\n  }\n\n  #onKeyUp = (e: KeyboardEvent) => {\n    if (e.code !== 'Enter' && e.code !== 'Escape') return;\n    this.#flushCellUpdates();\n    const activeCell = Array.from(this.#hostCells).find(i => i.tabIndex === 0) as HTMLElement;\n    if (e.code === 'Escape') {\n      activeCell?.focus();\n    }\n\n    if (e.code === 'Enter' && activeCell === e.composedPath()[0]) {\n      getFlattenedFocusableItems(activeCell)[0]?.focus();\n    }\n  };\n}\n\nfunction getGridDelta(code: KeynavCode | string, dir: string): { dx: number; dy: number } | null {\n  const start = dir === 'rtl' ? KeynavCode.ArrowRight : KeynavCode.ArrowLeft;\n  const end = dir === 'rtl' ? KeynavCode.ArrowLeft : KeynavCode.ArrowRight;\n\n  if (code === KeynavCode.ArrowUp) return { dx: 0, dy: -1 };\n  if (code === KeynavCode.ArrowDown) return { dx: 0, dy: 1 };\n  if (code === start) return { dx: -1, dy: 0 };\n  if (code === end) return { dx: 1, dy: 0 };\n  if (code === KeynavCode.PageUp) return { dx: 0, dy: -4 };\n  if (code === KeynavCode.PageDown) return { dx: 0, dy: 4 };\n  return null;\n}\n\nfunction applyGridHomeEnd(\n  code: KeynavCode | string,\n  position: { x: number; y: number },\n  bounds: { columnCount: number; rowCount: number; ctrlKey: boolean }\n) {\n  const { x, y } = position;\n  const { columnCount, rowCount, ctrlKey } = bounds;\n  if (code === KeynavCode.End) {\n    return { x: columnCount, y: ctrlKey ? rowCount : y };\n  }\n\n  if (code === KeynavCode.Home) {\n    return { x: 0, y: ctrlKey ? 0 : y };\n  }\n\n  return { x, y };\n}\n\nexport function getNextKeyGridItem(\n  cells: HTMLElement[],\n  rows: HTMLElement[],\n  config: { code: KeynavCode | string; ctrlKey: boolean; dir: string }\n) {\n  const currentCell = cells.find(i => i.tabIndex === 0) as HTMLElement;\n  const currentRow = rows.find(r => getFlattenedDOMTree(r).find(c => c === currentCell)) as HTMLElement;\n  const currentRowCells = Array.from(getFlattenedDOMTree(currentRow)).filter(c => !!cells.find(i => i === c));\n  const rowCount = rows.length - 1;\n  const columnCount = currentRowCells.length - 1;\n\n  let x = currentRowCells.indexOf(currentCell);\n  let y = rows.indexOf(currentRow);\n\n  const delta = getGridDelta(config.code, config.dir);\n  if (delta) {\n    x = Math.max(0, Math.min(columnCount, x + delta.dx));\n    y = Math.max(0, Math.min(rowCount, y + delta.dy));\n  } else {\n    ({ x, y } = applyGridHomeEnd(config.code, { x, y }, { columnCount, rowCount, ctrlKey: config.ctrlKey }));\n  }\n\n  return { x, y };\n}\n"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-import { getIdMatchNotFoundWarning as e } from "../utils/audit-logs.js";
-import { LogService as t } from "../services/log.service.js";
+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
 function r(e, t) {
@@ -9,7 +9,7 @@ function i(r) {
 	let i = r.anchor ?? r._activeTrigger;
 	if (typeof i == "string" && i?.length) {
 		let a = n(r.parentNode).find((e) => e.id === i);
-		return a || t.warn(e(i)), a ?? globalThis.document.body;
+		return a || e.warn(t(i)), a ?? globalThis.document.body;
 	}
 	return i && i !== globalThis.document.body ? i : globalThis.document.body;
 }

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

@@ -1,6 +1,6 @@
-import { getSSRMismatchWarning as e } from "../utils/audit-logs.js";
-import { getEnv as t } from "../services/global.utils.js";
-import { LogService as n } from "../services/log.service.js";
+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
 function i(e = { log: !0 }) {
@@ -15,7 +15,7 @@ var a = class {
 					o.call(i);
 				} catch {
 					let o = i.renderRoot;
-					o.innerHTML = o.innerHTML.split("<!--lit-part ")[0], r(i.render(), o, i.renderOptions), t() !== "production" && a.log && n.warn(e(i.localName));
+					o.innerHTML = o.innerHTML.split("<!--lit-part ")[0], r(i.render(), o, i.renderOptions), n() !== "production" && a.log && e.warn(t(i.localName));
 				}
 				return o;
 			} });

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 '../services/global.utils.js';\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":[],"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"}

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

@@ -1,5 +1,5 @@
-import { GlobalStateService as e } from "../services/global.service.js";
-import { defineElement as t, supportsScopedRegistry as n } from "../utils/dom.js";
+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
 var r = /* @__PURE__ */ new WeakSet();
 function i(e, t) {
@@ -21,9 +21,7 @@ function a(e, t) {
 }
 function o() {
 	return (r) => {
-		let i = r;
-		e.state.scopedRegistry ??= {};
-		let o = e.state.scopedRegistry[i.metadata.version] ?? customElements;
+		let i = r, o = e.getScopedRegistry(i.metadata.version);
 		n && (Object.defineProperty(i, "shadowRootOptions", {
 			configurable: !0,
 			value: {

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 '../services/global.service.js';\nimport type { ElementDefinition, LegacyDecoratorTarget } from '../types/index.js';\nimport { defineElement, supportsScopedRegistry } from '../utils/dom.js';\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    GlobalStateService.state.scopedRegistry ??= {};\n    const customElementRegistry = GlobalStateService.state.scopedRegistry[element.metadata.version] ?? customElements;\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":";;;AAaA,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;EAChB,EAAmB,MAAM,mBAAmB,CAAC;EAC7C,IAAM,IAAwB,EAAmB,MAAM,eAAe,EAAQ,SAAS,YAAY;EAQnG,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":[],"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"}

package/dist/internal/index.d.ts

@@ -22,7 +22,6 @@ export * from './decorators/host-attr.js';
 export * from './decorators/scoped-registry.js';
 export * from './styles/index.js';
 export * from './styles/popover.js';
-export * from './services/global.service.js';
 export * from './services/i18n.service.js';
 export * from './services/log.service.js';
 export * from './services/transition.service.js';

package/dist/internal/index.js

@@ -1,37 +1,36 @@
-import { DOCS_URL as e, formatFileSize as t, shiftLeft as n } from "./utils/strings.js";
-import { deepMerge as r, formatStandardNumber as i, getDifference as a, isObject as o, isObjectLiteral as s, parseVersion as c } from "./utils/objects.js";
-import { GlobalState as l, GlobalStateService as u } from "./services/global.service.js";
-import { LogService as d } from "./services/log.service.js";
-import { auditParentElement as f } from "./utils/audit.js";
-import { AuditController as p, audit as m, excessiveInstanceLimit as h } from "./controllers/audit.controller.js";
-import { GestureController as g } from "./controllers/gesture.controller.js";
-import { I18nService as _, I18nService_ as v } from "./services/i18n.service.js";
-import { I18nController as y, i18n as b } from "./controllers/i18n.controller.js";
-import { KeyStateController as x } from "./controllers/key-state.controller.js";
-import { debounce as S, onChildListMutation as C, stopEvent as w, throttle as T } from "./utils/events.js";
-import { focusElement as E, focusElementTimeout as D, getActiveElement as O, initializeKeyListItems as k, isFocusable as A, isImmediateRootActiveElement as j, isSimpleFocusable as M, onListboxActivate as N, setActiveKeyListItem as P } from "./utils/focus.js";
-import { KeynavCode as F, appendAnchorName as I, appendRootNodeStyle as L, applySlotContentStates as R, clickOutsideElementBounds as z, createGhostElement as B, define as V, defineElement as H, endOfScrollBox as U, generateId as W, getAnchorNames as G, getAttributeChanges as K, getAttributeListChanges as q, getChildren as J, getCustomElementRegistry as Y, getDisplayValue as X, getElementUpdate as Z, getFlattenedDOMTree as Q, getFlattenedFocusableItems as $, getPropertyChanges as ee, getThemeTokens as te, hasHorizontalScrollBar as ne, hasInvalidDOMGrid as re, hasScrollBar as ie, isContextMenuClick as ae, matchesElementName as oe, openEyeDropper as se, parseTokenNumber as ce, removeAnchorName as le, removeEmptySlotWhitespace as ue, removeEmptyTextNode as de, sameOrderedStringArray as fe, sameRenderRoot as pe, scrollBarWidth as me, slotContainsOnlyWhitespace as he, styleSheetToString as ge, supportsScopedRegistry as _e, uniqueNonEmptyStrings as ve, validKeyNavigationCode as ye } from "./utils/dom.js";
-import { KeyNavigationGridController as be, getNextKeyGridItem as xe, keyNavigationGrid as Se } from "./controllers/keynav-grid.controller.js";
-import { KeyNavigationListController as Ce, getNextKeyListItem as we, keyNavigationList as Te } from "./controllers/keynav-list.controller.js";
-import { KeyNavigationSpatialController as Ee } from "./controllers/keynav-spatial.controller.js";
-import { associateAriaDescribedBy as De, associateAriaLabel as Oe, associateControlGroup as ke, associateDataList as Ae, associateLabel as je, attachInternals as Me } from "./utils/a11y.js";
-import { StateExpandedController as Ne, stateExpanded as Pe } from "./controllers/state-expanded.controller.js";
-import { StateHighlightedController as Fe, stateHighlighted as Ie } from "./controllers/state-highlighted.controller.js";
-import { StateScrollController as Le, stateScroll as Re } from "./controllers/state-scroll.controller.js";
-import { StateSelectedController as ze, stateSelected as Be } from "./controllers/state-selected.controller.js";
-import { TypeAnchorController as Ve, typeAnchor as He } from "./controllers/type-anchor.controller.js";
-import { TypeClosableController as Ue } from "./controllers/type-closable.controller.js";
-import { TypeExpandableController as We } from "./controllers/type-expandable.controller.js";
-import { TypeSelectableController as Ge } from "./controllers/type-selectable.controller.js";
-import { TypeNativePopoverController as Ke } from "./controllers/type-native-popover.controller.js";
-import { TypeSSRController as qe, typeSSR as Je } from "./controllers/type-ssr.controller.js";
-import { hostAttr as Ye } from "./decorators/host-attr.js";
-import { scopedRegistry as Xe } from "./decorators/scoped-registry.js";
-import { colorStateStyles as Ze, statusStateStyles as Qe, supportStateStyles as $e, useStyles as et } from "./styles/index.js";
-import { supportsCSSLegacyInsetArea as tt, supportsCSSPositionArea as nt, supportsNativeCSSAnchorPosition as rt } from "./utils/supports.js";
-import { popoverStyles as it } from "./styles/popover2.js";
-import { TransitionService as at } from "./services/transition.service.js";
-import { statusIcons as ot } from "./types/index.js";
-import { createLightDismiss as st, onKeys as ct } from "./utils/keynav.js";
-import { finiteOr as lt, nonnegativeFiniteOr as ut, positiveFiniteOr as dt } from "./utils/numeric.js";
-export { p as AuditController, e as DOCS_URL, g as GestureController, l as GlobalState, u as GlobalStateService, y as I18nController, _ as I18nService, v as I18nService_, be as KeyNavigationGridController, Ce as KeyNavigationListController, Ee as KeyNavigationSpatialController, x as KeyStateController, F as KeynavCode, d as LogService, Ne as StateExpandedController, Fe as StateHighlightedController, Le as StateScrollController, ze as StateSelectedController, at as TransitionService, Ve as TypeAnchorController, Ue as TypeClosableController, We as TypeExpandableController, Ke as TypeNativePopoverController, qe as TypeSSRController, Ge as TypeSelectableController, I as appendAnchorName, L as appendRootNodeStyle, R as applySlotContentStates, De as associateAriaDescribedBy, Oe as associateAriaLabel, ke as associateControlGroup, Ae as associateDataList, je as associateLabel, Me as attachInternals, m as audit, f as auditParentElement, z as clickOutsideElementBounds, Ze as colorStateStyles, B as createGhostElement, st as createLightDismiss, S as debounce, r as deepMerge, V as define, H as defineElement, U as endOfScrollBox, h as excessiveInstanceLimit, lt as finiteOr, E as focusElement, D as focusElementTimeout, t as formatFileSize, i as formatStandardNumber, W as generateId, O as getActiveElement, G as getAnchorNames, K as getAttributeChanges, q as getAttributeListChanges, J as getChildren, Y as getCustomElementRegistry, a as getDifference, X as getDisplayValue, Z as getElementUpdate, Q as getFlattenedDOMTree, $ as getFlattenedFocusableItems, xe as getNextKeyGridItem, we as getNextKeyListItem, ee as getPropertyChanges, te as getThemeTokens, ne as hasHorizontalScrollBar, re as hasInvalidDOMGrid, ie as hasScrollBar, Ye as hostAttr, b as i18n, k as initializeKeyListItems, ae as isContextMenuClick, A as isFocusable, j as isImmediateRootActiveElement, o as isObject, s as isObjectLiteral, M as isSimpleFocusable, Se as keyNavigationGrid, Te as keyNavigationList, oe as matchesElementName, ut as nonnegativeFiniteOr, C as onChildListMutation, ct as onKeys, N as onListboxActivate, se as openEyeDropper, ce as parseTokenNumber, c as parseVersion, it as popoverStyles, dt as positiveFiniteOr, le as removeAnchorName, ue as removeEmptySlotWhitespace, de as removeEmptyTextNode, fe as sameOrderedStringArray, pe as sameRenderRoot, Xe as scopedRegistry, me as scrollBarWidth, P as setActiveKeyListItem, n as shiftLeft, he as slotContainsOnlyWhitespace, Pe as stateExpanded, Ie as stateHighlighted, Re as stateScroll, Be as stateSelected, ot as statusIcons, Qe as statusStateStyles, w as stopEvent, ge as styleSheetToString, $e as supportStateStyles, tt as supportsCSSLegacyInsetArea, nt as supportsCSSPositionArea, rt as supportsNativeCSSAnchorPosition, _e as supportsScopedRegistry, T as throttle, He as typeAnchor, Je as typeSSR, ve as uniqueNonEmptyStrings, et as useStyles, ye as validKeyNavigationCode };
+import { LogService as e } from "./services/log.service.js";
+import { auditParentElement as t } from "./utils/audit.js";
+import { DOCS_URL as n, formatFileSize as r, shiftLeft as i } from "./utils/strings.js";
+import { AuditController as a, audit as o, excessiveInstanceLimit as s } from "./controllers/audit.controller.js";
+import { GestureController as c } from "./controllers/gesture.controller.js";
+import { I18nService as l, I18nService_ as u } from "./services/i18n.service.js";
+import { I18nController as d, i18n as f } from "./controllers/i18n.controller.js";
+import { KeyStateController as p } from "./controllers/key-state.controller.js";
+import { debounce as m, onChildListMutation as h, stopEvent as g, throttle as _ } from "./utils/events.js";
+import { focusElement as v, focusElementTimeout as y, getActiveElement as b, initializeKeyListItems as x, isFocusable as S, isImmediateRootActiveElement as C, isSimpleFocusable as w, onListboxActivate as T, setActiveKeyListItem as E } from "./utils/focus.js";
+import { KeynavCode as D, appendAnchorName as O, appendRootNodeStyle as k, applySlotContentStates as A, clickOutsideElementBounds as j, createGhostElement as M, endOfScrollBox as N, generateId as P, getAnchorNames as F, getAttributeChanges as I, getAttributeListChanges as L, getChildren as R, getCustomElementRegistry as z, getDisplayValue as B, getElementUpdate as V, getFlattenedDOMTree as H, getFlattenedFocusableItems as U, getPropertyChanges as W, getThemeTokens as G, hasHorizontalScrollBar as K, hasInvalidDOMGrid as q, hasScrollBar as J, isContextMenuClick as Y, matchesElementName as X, openEyeDropper as Z, parseTokenNumber as Q, removeAnchorName as $, removeEmptySlotWhitespace as ee, removeEmptyTextNode as te, sameOrderedStringArray as ne, sameRenderRoot as re, scrollBarWidth as ie, slotContainsOnlyWhitespace as ae, styleSheetToString as oe, uniqueNonEmptyStrings as se, validKeyNavigationCode as ce } from "./utils/dom.js";
+import { KeyNavigationGridController as le, getNextKeyGridItem as ue, keyNavigationGrid as de } from "./controllers/keynav-grid.controller.js";
+import { KeyNavigationListController as fe, getNextKeyListItem as pe, keyNavigationList as me } from "./controllers/keynav-list.controller.js";
+import { KeyNavigationSpatialController as he } from "./controllers/keynav-spatial.controller.js";
+import { associateAriaDescribedBy as ge, associateAriaLabel as _e, associateControlGroup as ve, associateDataList as ye, associateLabel as be, attachInternals as xe } from "./utils/a11y.js";
+import { StateExpandedController as Se, stateExpanded as Ce } from "./controllers/state-expanded.controller.js";
+import { StateHighlightedController as we, stateHighlighted as Te } from "./controllers/state-highlighted.controller.js";
+import { StateScrollController as Ee, stateScroll as De } from "./controllers/state-scroll.controller.js";
+import { StateSelectedController as Oe, stateSelected as ke } from "./controllers/state-selected.controller.js";
+import { TypeAnchorController as Ae, typeAnchor as je } from "./controllers/type-anchor.controller.js";
+import { TypeClosableController as Me } from "./controllers/type-closable.controller.js";
+import { TypeExpandableController as Ne } from "./controllers/type-expandable.controller.js";
+import { TypeSelectableController as Pe } from "./controllers/type-selectable.controller.js";
+import { TypeNativePopoverController as Fe } from "./controllers/type-native-popover.controller.js";
+import { TypeSSRController as Ie, typeSSR as Le } from "./controllers/type-ssr.controller.js";
+import { hostAttr as Re } from "./decorators/host-attr.js";
+import { scopedRegistry as ze } from "./decorators/scoped-registry.js";
+import { colorStateStyles as Be, statusStateStyles as Ve, supportStateStyles as He, useStyles as Ue } from "./styles/index.js";
+import { supportsCSSLegacyInsetArea as We, supportsCSSPositionArea as Ge, supportsNativeCSSAnchorPosition as Ke } from "./utils/supports.js";
+import { popoverStyles as qe } from "./styles/popover2.js";
+import { TransitionService as Je } from "./services/transition.service.js";
+import { statusIcons as Ye } from "./types/index.js";
+import { formatStandardNumber as Xe, getDifference as Ze, isObject as Qe, parseVersion as $e } from "./utils/objects.js";
+import { createLightDismiss as et, onKeys as tt } from "./utils/keynav.js";
+import { finiteOr as nt, nonnegativeFiniteOr as rt, positiveFiniteOr as it } from "./utils/numeric.js";
+export { a as AuditController, n as DOCS_URL, c as GestureController, d as I18nController, l as I18nService, u as I18nService_, le as KeyNavigationGridController, fe as KeyNavigationListController, he as KeyNavigationSpatialController, p as KeyStateController, D as KeynavCode, e as LogService, Se as StateExpandedController, we as StateHighlightedController, Ee as StateScrollController, Oe as StateSelectedController, Je as TransitionService, Ae as TypeAnchorController, Me as TypeClosableController, Ne as TypeExpandableController, Fe as TypeNativePopoverController, Ie as TypeSSRController, Pe as TypeSelectableController, O as appendAnchorName, k as appendRootNodeStyle, A as applySlotContentStates, ge as associateAriaDescribedBy, _e as associateAriaLabel, ve as associateControlGroup, ye as associateDataList, be as associateLabel, xe as attachInternals, o as audit, t as auditParentElement, j as clickOutsideElementBounds, Be as colorStateStyles, M as createGhostElement, et as createLightDismiss, m as debounce, N as endOfScrollBox, s as excessiveInstanceLimit, nt as finiteOr, v as focusElement, y as focusElementTimeout, r as formatFileSize, Xe as formatStandardNumber, P as generateId, b as getActiveElement, F as getAnchorNames, I as getAttributeChanges, L as getAttributeListChanges, R as getChildren, z as getCustomElementRegistry, Ze as getDifference, B as getDisplayValue, V as getElementUpdate, H as getFlattenedDOMTree, U as getFlattenedFocusableItems, ue as getNextKeyGridItem, pe as getNextKeyListItem, W as getPropertyChanges, G as getThemeTokens, K as hasHorizontalScrollBar, q as hasInvalidDOMGrid, J as hasScrollBar, Re as hostAttr, f as i18n, x as initializeKeyListItems, Y as isContextMenuClick, S as isFocusable, C as isImmediateRootActiveElement, Qe as isObject, w as isSimpleFocusable, de as keyNavigationGrid, me as keyNavigationList, X as matchesElementName, rt as nonnegativeFiniteOr, h as onChildListMutation, tt as onKeys, T as onListboxActivate, Z as openEyeDropper, Q as parseTokenNumber, $e as parseVersion, qe as popoverStyles, it as positiveFiniteOr, $ as removeAnchorName, ee as removeEmptySlotWhitespace, te as removeEmptyTextNode, ne as sameOrderedStringArray, re as sameRenderRoot, ze as scopedRegistry, ie as scrollBarWidth, E as setActiveKeyListItem, i as shiftLeft, ae as slotContainsOnlyWhitespace, Ce as stateExpanded, Te as stateHighlighted, De as stateScroll, ke as stateSelected, Ye as statusIcons, Ve as statusStateStyles, g as stopEvent, oe as styleSheetToString, He as supportStateStyles, We as supportsCSSLegacyInsetArea, Ge as supportsCSSPositionArea, Ke as supportsNativeCSSAnchorPosition, _ as throttle, je as typeAnchor, Le as typeSSR, se as uniqueNonEmptyStrings, Ue as useStyles, ce as validKeyNavigationCode };

package/dist/internal/services/i18n.service.d.ts

@@ -1,3 +1,4 @@
+import type { ElementsGlobal } from '@nvidia-elements/foundations/internal/state';
 export interface I18nStrings {
     close: string;
     copy: string;
@@ -58,6 +59,6 @@ export interface I18nStrings {
 export declare class I18nService_ {
     get i18n(): Partial<I18nStrings>;
     constructor();
-    update(registry: Partial<typeof globalThis.NVE_ELEMENTS.state.i18nRegistry>): void;
+    update(registry: Partial<ElementsGlobal['state']['i18nRegistry']>): void;
 }
 export declare const I18nService: I18nService_;

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

@@ -1,4 +1,4 @@
-import { GlobalStateService as e } from "./global.service.js";
+import { GlobalStateService as e } from "@nvidia-elements/foundations/internal/state";
 //#region src/internal/services/i18n.service.ts
 var t = {
 	close: "close",

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

@@ -1 +1 @@
-{"version":3,"file":"i18n.service.js","names":[],"sources":["../../../src/internal/services/i18n.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 './global.service.js';\n\nexport interface I18nStrings {\n  close: string;\n  copy: string;\n  copied: string;\n  expand: string;\n  select: string;\n  selected: string;\n  sort: string;\n  show: string;\n  hide: string;\n  loading: string;\n  previous: string;\n  next: string;\n  start: string;\n  end: string;\n  currentPage: string;\n  noResults: string;\n  status: string;\n  information: string;\n  warning: string;\n  success: string;\n  danger: string;\n  trend: string;\n  down: string;\n  up: string;\n  neutral: string;\n  of: string;\n  theme: string;\n  scale: string;\n  reducedMotion: string;\n  colorScheme: string;\n  resize: string;\n  or: string;\n  files: string;\n  dragAndDrop: string;\n  browseFiles: string;\n  maxFileSize: string;\n  create: string;\n  currentTime: string;\n  enableLoop: string;\n  disableLoop: string;\n  enterFullscreen: string;\n  enterPip: string;\n  exitFullscreen: string;\n  exitPip: string;\n  muteMedia: string;\n  pauseMedia: string;\n  playMedia: string;\n  playbackRate: string;\n  playbackRateOption: string;\n  seekBackward: string;\n  seekForward: string;\n  seekToEnd: string;\n  seekToStart: string;\n  unmuteMedia: string;\n  volume: string;\n}\n\nconst i18nRegistry = {\n  close: 'close',\n  copy: 'copy',\n  copied: 'copied',\n  expand: 'expand',\n  select: 'select',\n  selected: 'selected',\n  sort: 'sort',\n  show: 'show',\n  hide: 'hide',\n  loading: 'loading',\n  previous: 'previous',\n  next: 'next',\n  start: 'start',\n  end: 'end',\n  currentPage: 'current page',\n  noResults: 'no results',\n  status: 'status',\n  information: 'information',\n  warning: 'warning',\n  success: 'success',\n  danger: 'danger',\n  trend: 'trend',\n  down: 'down',\n  up: 'up',\n  neutral: 'neutral',\n  of: 'of',\n  theme: 'theme',\n  scale: 'scale',\n  reducedMotion: 'reduced motion',\n  colorScheme: 'color scheme',\n  resize: 'resize',\n  or: 'or',\n  files: 'files',\n  dragAndDrop: 'drag & drop',\n  browseFiles: 'browse files',\n  maxFileSize: 'max file size',\n  create: 'create',\n  currentTime: 'current time',\n  enableLoop: 'enable looping',\n  disableLoop: 'disable looping',\n  enterFullscreen: 'enter full screen',\n  enterPip: 'enter picture in picture',\n  exitFullscreen: 'exit full screen',\n  exitPip: 'exit picture in picture',\n  muteMedia: 'mute media',\n  pauseMedia: 'pause media',\n  playMedia: 'play media',\n  playbackRate: 'playback rate',\n  playbackRateOption: '{rate}x',\n  seekBackward: 'seek backward {value} seconds',\n  seekForward: 'seek forward {value} seconds',\n  seekToEnd: 'seek to end',\n  seekToStart: 'seek to start',\n  unmuteMedia: 'unmute media',\n  volume: 'volume'\n};\n\nexport class I18nService_ {\n  get i18n(): Partial<I18nStrings> {\n    return { ...GlobalStateService.state.i18nRegistry };\n  }\n\n  constructor() {\n    if (Object.keys(GlobalStateService.state.i18nRegistry).length === 0) {\n      GlobalStateService.dispatch('NVE_ELEMENTS_I18N_UPDATE', { i18nRegistry });\n    }\n  }\n\n  update(registry: Partial<typeof globalThis.NVE_ELEMENTS.state.i18nRegistry>) {\n    GlobalStateService.dispatch('NVE_ELEMENTS_I18N_UPDATE', { i18nRegistry: registry } as Partial<\n      typeof globalThis.NVE_ELEMENTS.state\n    >);\n  }\n}\n\nexport const I18nService = new I18nService_();\n"],"mappings":";;AA+DA,IAAM,IAAe;CACnB,OAAO;CACP,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,MAAM;CACN,MAAM;CACN,MAAM;CACN,SAAS;CACT,UAAU;CACV,MAAM;CACN,OAAO;CACP,KAAK;CACL,aAAa;CACb,WAAW;CACX,QAAQ;CACR,aAAa;CACb,SAAS;CACT,SAAS;CACT,QAAQ;CACR,OAAO;CACP,MAAM;CACN,IAAI;CACJ,SAAS;CACT,IAAI;CACJ,OAAO;CACP,OAAO;CACP,eAAe;CACf,aAAa;CACb,QAAQ;CACR,IAAI;CACJ,OAAO;CACP,aAAa;CACb,aAAa;CACb,aAAa;CACb,QAAQ;CACR,aAAa;CACb,YAAY;CACZ,aAAa;CACb,iBAAiB;CACjB,UAAU;CACV,gBAAgB;CAChB,SAAS;CACT,WAAW;CACX,YAAY;CACZ,WAAW;CACX,cAAc;CACd,oBAAoB;CACpB,cAAc;CACd,aAAa;CACb,WAAW;CACX,aAAa;CACb,aAAa;CACb,QAAQ;AACV,GAEa,IAAb,MAA0B;CACxB,IAAI,OAA6B;EAC/B,OAAO,EAAE,GAAG,EAAmB,MAAM,aAAa;CACpD;CAEA,cAAc;EACZ,AAAI,OAAO,KAAK,EAAmB,MAAM,YAAY,CAAC,CAAC,WAAW,KAChE,EAAmB,SAAS,4BAA4B,EAAE,gBAAa,CAAC;CAE5E;CAEA,OAAO,GAAsE;EAC3E,EAAmB,SAAS,4BAA4B,EAAE,cAAc,EAAS,CAEhF;CACH;AACF,GAEa,IAAc,IAAI,EAAa"}
+{"version":3,"file":"i18n.service.js","names":[],"sources":["../../../src/internal/services/i18n.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';\nimport type { ElementsGlobal } from '@nvidia-elements/foundations/internal/state';\n\nexport interface I18nStrings {\n  close: string;\n  copy: string;\n  copied: string;\n  expand: string;\n  select: string;\n  selected: string;\n  sort: string;\n  show: string;\n  hide: string;\n  loading: string;\n  previous: string;\n  next: string;\n  start: string;\n  end: string;\n  currentPage: string;\n  noResults: string;\n  status: string;\n  information: string;\n  warning: string;\n  success: string;\n  danger: string;\n  trend: string;\n  down: string;\n  up: string;\n  neutral: string;\n  of: string;\n  theme: string;\n  scale: string;\n  reducedMotion: string;\n  colorScheme: string;\n  resize: string;\n  or: string;\n  files: string;\n  dragAndDrop: string;\n  browseFiles: string;\n  maxFileSize: string;\n  create: string;\n  currentTime: string;\n  enableLoop: string;\n  disableLoop: string;\n  enterFullscreen: string;\n  enterPip: string;\n  exitFullscreen: string;\n  exitPip: string;\n  muteMedia: string;\n  pauseMedia: string;\n  playMedia: string;\n  playbackRate: string;\n  playbackRateOption: string;\n  seekBackward: string;\n  seekForward: string;\n  seekToEnd: string;\n  seekToStart: string;\n  unmuteMedia: string;\n  volume: string;\n}\n\nconst i18nRegistry = {\n  close: 'close',\n  copy: 'copy',\n  copied: 'copied',\n  expand: 'expand',\n  select: 'select',\n  selected: 'selected',\n  sort: 'sort',\n  show: 'show',\n  hide: 'hide',\n  loading: 'loading',\n  previous: 'previous',\n  next: 'next',\n  start: 'start',\n  end: 'end',\n  currentPage: 'current page',\n  noResults: 'no results',\n  status: 'status',\n  information: 'information',\n  warning: 'warning',\n  success: 'success',\n  danger: 'danger',\n  trend: 'trend',\n  down: 'down',\n  up: 'up',\n  neutral: 'neutral',\n  of: 'of',\n  theme: 'theme',\n  scale: 'scale',\n  reducedMotion: 'reduced motion',\n  colorScheme: 'color scheme',\n  resize: 'resize',\n  or: 'or',\n  files: 'files',\n  dragAndDrop: 'drag & drop',\n  browseFiles: 'browse files',\n  maxFileSize: 'max file size',\n  create: 'create',\n  currentTime: 'current time',\n  enableLoop: 'enable looping',\n  disableLoop: 'disable looping',\n  enterFullscreen: 'enter full screen',\n  enterPip: 'enter picture in picture',\n  exitFullscreen: 'exit full screen',\n  exitPip: 'exit picture in picture',\n  muteMedia: 'mute media',\n  pauseMedia: 'pause media',\n  playMedia: 'play media',\n  playbackRate: 'playback rate',\n  playbackRateOption: '{rate}x',\n  seekBackward: 'seek backward {value} seconds',\n  seekForward: 'seek forward {value} seconds',\n  seekToEnd: 'seek to end',\n  seekToStart: 'seek to start',\n  unmuteMedia: 'unmute media',\n  volume: 'volume'\n};\n\nexport class I18nService_ {\n  get i18n(): Partial<I18nStrings> {\n    return { ...GlobalStateService.state.i18nRegistry };\n  }\n\n  constructor() {\n    if (Object.keys(GlobalStateService.state.i18nRegistry).length === 0) {\n      GlobalStateService.dispatch('NVE_ELEMENTS_I18N_UPDATE', { i18nRegistry });\n    }\n  }\n\n  update(registry: Partial<ElementsGlobal['state']['i18nRegistry']>) {\n    GlobalStateService.dispatch('NVE_ELEMENTS_I18N_UPDATE', { i18nRegistry: registry } as Partial<\n      typeof globalThis.NVE_ELEMENTS.state\n    >);\n  }\n}\n\nexport const I18nService = new I18nService_();\n"],"mappings":";;AAgEA,IAAM,IAAe;CACnB,OAAO;CACP,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,MAAM;CACN,MAAM;CACN,MAAM;CACN,SAAS;CACT,UAAU;CACV,MAAM;CACN,OAAO;CACP,KAAK;CACL,aAAa;CACb,WAAW;CACX,QAAQ;CACR,aAAa;CACb,SAAS;CACT,SAAS;CACT,QAAQ;CACR,OAAO;CACP,MAAM;CACN,IAAI;CACJ,SAAS;CACT,IAAI;CACJ,OAAO;CACP,OAAO;CACP,eAAe;CACf,aAAa;CACb,QAAQ;CACR,IAAI;CACJ,OAAO;CACP,aAAa;CACb,aAAa;CACb,aAAa;CACb,QAAQ;CACR,aAAa;CACb,YAAY;CACZ,aAAa;CACb,iBAAiB;CACjB,UAAU;CACV,gBAAgB;CAChB,SAAS;CACT,WAAW;CACX,YAAY;CACZ,WAAW;CACX,cAAc;CACd,oBAAoB;CACpB,cAAc;CACd,aAAa;CACb,WAAW;CACX,aAAa;CACb,aAAa;CACb,QAAQ;AACV,GAEa,IAAb,MAA0B;CACxB,IAAI,OAA6B;EAC/B,OAAO,EAAE,GAAG,EAAmB,MAAM,aAAa;CACpD;CAEA,cAAc;EACZ,AAAI,OAAO,KAAK,EAAmB,MAAM,YAAY,CAAC,CAAC,WAAW,KAChE,EAAmB,SAAS,4BAA4B,EAAE,gBAAa,CAAC;CAE5E;CAEA,OAAO,GAA4D;EACjE,EAAmB,SAAS,4BAA4B,EAAE,cAAc,EAAS,CAEhF;CACH;AACF,GAEa,IAAc,IAAI,EAAa"}

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

@@ -1,4 +1,4 @@
-import { GlobalStateService as e } from "./global.service.js";
+import { GlobalStateService as e } from "@nvidia-elements/foundations/internal/state";
 //#region src/internal/services/log.service.ts
 var t = "@nve: ", n = class {
 	static log(n, ...r) {

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 './global.service.js';\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":[],"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"}

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

@@ -285,31 +285,6 @@ export declare const statusIcons: {
     [key: string]: IconName;
 };
 declare global {
-    var NVE_ELEMENTS: {
-        state: {
-            bundle: boolean;
-            env: 'watch' | 'production' | 'development';
-            pageHost: string;
-            moduleHost: string;
-            versions: string[];
-            scopedRegistry: {
-                [key: string]: CustomElementRegistry;
-            };
-            elementRegistry: Readonly<{
-                [key: string]: string;
-            }>;
-            i18nRegistry: Readonly<{
-                [key: string]: string;
-            }>;
-            audit: Readonly<{
-                [key: string]: {
-                    count?: number;
-                    excessiveInstanceLimitAudited?: boolean;
-                };
-            }>;
-        };
-        debug: (log?: (...args: unknown[]) => void) => void;
-    };
     interface HTMLElement {
         'nve-text': string;
         'nve-layout': string;
@@ -322,18 +297,6 @@ declare global {
         prototype: CustomElementRegistry;
     };
 }
-export interface ElementDefinition extends CustomElementConstructor {
-    metadata: {
-        version: string;
-        tag: string;
-    };
-    elementDefinitions?: {
-        [key: string]: ElementDefinition;
-    };
-    shadowRootOptions?: {
-        customElementRegistry?: CustomElementRegistry | null;
-    };
-}
 export interface Point {
     x: number;
     y: number;