@nvidia-elements/core 2.20.2 → 2.21.0

package/dist/internal/index.js

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

package/dist/internal/styles/popover2.js

@@ -1,13 +1,6 @@
-import { supportsCSSLegacyInsetArea as e, supportsCSSPositionArea as t } from "../utils/supports.js";
-import n from "./popover.js";
-import { isServer as r } from "lit";
-// src/internal/styles/popover.ts
+import e from "./popover.js";
 /* istanbul ignore file -- @preserve */
-var i = "\n[internal-host] { anchor-name: --internal-host }\n.arrow { position-anchor: --internal-host }\n";
-function a() {
-	return !r && !t() && e() ? n.replaceAll("position-area", "inset-area") + i : n + i;
-}
-var o = a();
-export { o as popoverStyles };
+var t = e + "\n[internal-host] { anchor-name: --internal-host }\n.arrow { position-anchor: --internal-host }\n";
+export { t as popoverStyles };
 
 //# sourceMappingURL=popover2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover2.js","names":["_popoverStyles","popover_default","anchor","getPopoverStyles","isServer","supportsCSSPositionArea","supportsCSSLegacyInsetArea","popoverStyles"],"sources":["../../../src/internal/styles/popover.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/* istanbul ignore file -- @preserve */\nimport { isServer } from 'lit';\nimport { supportsCSSPositionArea, supportsCSSLegacyInsetArea } from '../utils/supports.js';\nimport _popoverStyles from './popover.css?inline';\n\n// vite/esbuild minifier does not understand this syntax\nconst anchor = /* css */ `\n[internal-host] { anchor-name: --internal-host }\n.arrow { position-anchor: --internal-host }\n`;\n\nfunction getPopoverStyles() {\n  if (!isServer && !supportsCSSPositionArea() && supportsCSSLegacyInsetArea()) {\n    return _popoverStyles.replaceAll('position-area', 'inset-area') + anchor;\n  } else {\n    return _popoverStyles + anchor;\n  }\n}\n\nexport const popoverStyles = getPopoverStyles();\n"],"mappings":";;;;;AASA,IAAME,IAAmB;AAKzB,SAASC,IAAmB;CAIxB,OAHE,CAACC,KAAY,CAACC,EAAwB,KAAKC,EAA2B,IACjEN,EAAe,WAAW,iBAAiB,YAAY,IAAIE,IAE3DF,IAAiBE;AAE5B;AAEA,IAAaK,IAAgBJ,EAAiB"}
+{"version":3,"file":"popover2.js","names":["_popoverStyles","popover_default","popoverStyles"],"sources":["../../../src/internal/styles/popover.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/* istanbul ignore file -- @preserve */\nimport _popoverStyles from './popover.css?inline';\n\n// vite/esbuild minifier does not understand this syntax\nconst anchor = /* css */ `\n[internal-host] { anchor-name: --internal-host }\n.arrow { position-anchor: --internal-host }\n`;\n\nexport const popoverStyles = _popoverStyles + anchor;\n"],"mappings":";;AAYA,IAAaE,IAAgBF,IAAiB"}

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

@@ -1 +1 @@
-{"version":3,"file":"dom.js","names":["getChildren","node","slotted","generateId","getAttributeChanges","element","attr","observer","mutation","fn","getAttributeListChanges","attrs","appendRootNodeStyle","stylesheet","styles","root","host","styleSheetToString","s","rule","getPropertyChanges","own","key","descriptor","proto","setter","active","observation","val","callback","current","getElementUpdate","cleanupPropertyChanges","disconnect","clickOutsideElementBounds","event","left","right","top","bottom","parseTokenNumber","value","getCustomElementRegistry","CustomElementRegistryConstructor","isContextMenuClick","getFlattenedFocusableItems","getFlattenedDOMTree","depth","isFocusable","p","n","i","validKeyNavigationCode","keynavCodes","KeynavCode","\"End\"","\"Home\"","\"PageUp\"","\"PageDown\"","\"ArrowUp\"","\"ArrowDown\"","\"ArrowLeft\"","\"ArrowRight\"","hasInvalidDOMGrid","rows","row","removeEmptyTextNode","scrollBarWidth","div","width","hasScrollBar","el","hasHorizontalScrollBar","endOfScrollBox","offset","openEyeDropper","EyeDropperConstructor","LogService","e","getThemeTokens","parent","rules","sheet","finalArr","props","propName","propValArr","token","removeEmptySlotWhitespace","slotContainsOnlyWhitespace","slot","hasNoElements","hasOnlyEmptyTextNodes","applySlotContentStates","nodes","name","getDisplayValue","option","matchesElementName","component","createGhostElement","ghost","sourceElement","sameRenderRoot","root1","element1","root2","element2","sameShadowRoot","sameDocumentRoot","getAnchorNames","removeAnchorName","anchorNames","appendAnchorName","sameOrderedStringArray","a","b","index","uniqueNonEmptyStrings","values"],"sources":["../../../src/internal/utils/dom.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 { isFocusable } from './focus.js';\n\nexport function getChildren(node: Document | Node | HTMLElement): Element[] {\n  if (node instanceof Document && node.documentElement) {\n    return Array.from(node.documentElement.children); // root document children\n  } else if (node instanceof HTMLElement && node.shadowRoot) {\n    return Array.from(node.shadowRoot.children); // shadow root direct children\n  } else if (node instanceof HTMLSlotElement && node.assignedElements) {\n    const slotted = node.assignedElements(); // slotted elements\n    return slotted.length ? slotted : Array.from(node.children); // slot fallback\n  } else {\n    return Array.from((node as HTMLElement).children); // light DOM direct children\n  }\n}\n\nexport function generateId() {\n  const uint32 = self.crypto.getRandomValues(new Uint32Array(1))[0]!;\n  return `_${uint32.toString(16)}`;\n}\n\nexport function getAttributeChanges(element: HTMLElement, attr: string, fn: (attrValue: string | null) => void) {\n  fn(element.getAttribute(attr));\n  const observer = new MutationObserver(mutations => {\n    mutations.forEach(mutation => {\n      if (mutation.attributeName === attr) {\n        fn((mutation.target as HTMLElement).getAttribute(attr));\n      }\n    });\n  });\n  observer.observe(element, { attributes: true, subtree: true });\n  return observer;\n}\n\nexport function getAttributeListChanges(element: HTMLElement, attrs: string[], fn: (mutation: MutationRecord) => void) {\n  const observer = new MutationObserver(mutations => {\n    mutations.forEach(mutation => {\n      if (mutation.attributeName && attrs.includes(mutation.attributeName)) {\n        fn(mutation);\n      }\n    });\n  });\n  observer.observe(element, { attributes: true, subtree: true });\n  return observer;\n}\n\n/**\n * Appends styles to the render root of a given element. This is useful for\n * styles that apply outside the scope of the element's shadow\n * root such as UA styles --webkit-* that won't work in a ::slotted selector\n */\nexport function appendRootNodeStyle(host: HTMLElement, styles: string) {\n  const stylesheet = new CSSStyleSheet();\n  stylesheet.replaceSync(styles);\n  const root = host.getRootNode() as Document | ShadowRoot;\n  if (root.adoptedStyleSheets) {\n    const hasStyleSheet = root.adoptedStyleSheets\n      .map(s => styleSheetToString(s))\n      .find(s => s === styleSheetToString(stylesheet));\n    if (!hasStyleSheet) {\n      root.adoptedStyleSheets = [...Array.from(root.adoptedStyleSheets), stylesheet];\n    }\n  }\n  return stylesheet;\n}\n\nexport function styleSheetToString(stylesheet: CSSStyleSheet) {\n  return stylesheet.cssRules\n    ? Array.from(stylesheet.cssRules)\n        .map(rule => rule.cssText || '')\n        .join('\\n')\n    : '';\n}\n\n/** Intercepts a property setter on an element so `callback` fires on every assignment. Does not use a MutationObserver. */\nexport function getPropertyChanges(element: HTMLElement, key: string, callback: (value: unknown) => void) {\n  const own = Object.getOwnPropertyDescriptor(element, key);\n  if (own?.configurable === false) return;\n\n  let descriptor = own;\n  let proto = Object.getPrototypeOf(element);\n  while (!descriptor && proto) {\n    descriptor = Object.getOwnPropertyDescriptor(proto, key);\n    proto = Object.getPrototypeOf(proto);\n  }\n  if (!descriptor?.set) return;\n  const setter = descriptor.set;\n\n  let active = true;\n  const observation: PropertyDescriptor = {\n    configurable: true,\n    enumerable: descriptor.enumerable,\n    get: descriptor.get,\n    set: (val: unknown) => {\n      setter.call(element, val);\n      if (active) callback(val);\n    }\n  };\n  Object.defineProperty(element, key, observation);\n\n  return () => {\n    active = false;\n    const current = Object.getOwnPropertyDescriptor(element, key);\n    if (\n      current?.configurable !== observation.configurable ||\n      current?.enumerable !== observation.enumerable ||\n      current?.get !== observation.get ||\n      current?.set !== observation.set\n    ) {\n      return;\n    }\n\n    if (own) {\n      Object.defineProperty(element, key, own);\n      return;\n    }\n\n    Reflect.deleteProperty(element, key);\n  };\n}\n\n/* used for cases of needing to know a property update outside of lit, example a native input value prop change */\nexport function getElementUpdate(element: HTMLElement, key: string, callback: (value: unknown) => void) {\n  if (element.hasAttribute(key)) {\n    callback(element.getAttribute(key));\n  } else if ((element as unknown as Record<string, unknown>)[key] !== undefined) {\n    callback((element as unknown as Record<string, unknown>)[key]);\n  }\n\n  const cleanupPropertyChanges = getPropertyChanges(element, key, callback);\n  const observer = getAttributeChanges(element, key, val => callback(val));\n  const disconnect = observer.disconnect.bind(observer);\n\n  observer.disconnect = () => {\n    cleanupPropertyChanges?.();\n    disconnect();\n  };\n\n  return observer;\n}\n\nexport function clickOutsideElementBounds(event: PointerEvent | MouseEvent, element: HTMLElement) {\n  const { left, right, top, bottom } = element.getBoundingClientRect();\n  return event.clientX < left || event.clientX > right || event.clientY < top || event.clientY > bottom;\n}\n\n/** parses number out of basic calc generated by the design tokens */\nexport function parseTokenNumber(value: string) {\n  return parseInt(value.includes('calc') ? value.split('*')[1]!.replace('px)', '').trim() : value, 10) || 0;\n}\n\nexport function getCustomElementRegistry(element: Element): CustomElementRegistry | undefined {\n  const root = element.getRootNode();\n  const CustomElementRegistryConstructor =\n    element.ownerDocument.defaultView?.CustomElementRegistry ?? globalThis.CustomElementRegistry;\n  if (\n    CustomElementRegistryConstructor &&\n    'customElementRegistry' in root &&\n    root.customElementRegistry instanceof CustomElementRegistryConstructor\n  ) {\n    return root.customElementRegistry;\n  }\n  const documentRegistry = element.ownerDocument.defaultView?.customElements;\n  if (documentRegistry) return documentRegistry;\n  return typeof customElements === 'undefined' ? undefined : customElements;\n}\n\nexport function isContextMenuClick(event: MouseEvent) {\n  return (event.buttons === 2 && !event.ctrlKey) || (event.buttons === 1 && event.ctrlKey);\n}\n\nexport function getFlattenedFocusableItems(element: Node, depth = 10) {\n  return getFlattenedDOMTree(element, depth).filter((e: HTMLElement) => isFocusable(e)) as HTMLElement[];\n}\n\n/**\n * Preserves visual DOM ordering when using slots within Shadow DOM\n * See more information/resources on Shadow DOM linear traversal\n * https://nolanlawson.com/2021/02/13/managing-focus-in-the-shadow-dom/\n * https://www.abeautifulsite.net/posts/querying-through-shadow-roots/\n */\nexport function getFlattenedDOMTree(node: Node, depth = 10): HTMLElement[] {\n  return (\n    Array.from(getChildren(node)).reduce(\n      (p: unknown[], n: Node) => [\n        ...p,\n        [n, [...Array.from(getChildren(n)).map(i => [i, getFlattenedDOMTree(i, depth)])]]\n      ],\n      []\n    ) as unknown as HTMLElement[]\n  ).flat(depth);\n}\n\nexport function validKeyNavigationCode(e: KeyboardEvent): e is KeyboardEvent & { code: KeynavCode } {\n  return keynavCodes.has(e.code);\n}\n\nexport enum KeynavCode {\n  End = 'End',\n  Home = 'Home',\n  PageUp = 'PageUp',\n  PageDown = 'PageDown',\n  ArrowUp = 'ArrowUp',\n  ArrowDown = 'ArrowDown',\n  ArrowLeft = 'ArrowLeft',\n  ArrowRight = 'ArrowRight'\n}\n\nconst keynavCodes: Set<string> = new Set(Object.values(KeynavCode));\n\nexport function hasInvalidDOMGrid(rows: HTMLElement[]) {\n  return rows.some(row => row.children.length !== rows[0]!.children.length);\n}\n\nexport function removeEmptyTextNode(node: Node) {\n  if ((node as Text)?.wholeText?.trim() === '') {\n    (node as Text).remove();\n  }\n}\n\nexport function scrollBarWidth() {\n  const div = globalThis.document.createElement('div');\n  div.style.setProperty('width', '100px');\n  div.style.setProperty('height', '100px');\n  div.style.setProperty('overflow', 'scroll');\n  div.style.setProperty('position', 'absolute');\n  div.style.setProperty('top', '-9999px');\n  globalThis.document.body.appendChild(div);\n  const width = div.offsetWidth - div.clientWidth;\n  globalThis.document.body.removeChild(div);\n  return width;\n}\n\nexport function hasScrollBar(el: HTMLElement) {\n  return el.scrollHeight > el.clientHeight;\n}\n\nexport function hasHorizontalScrollBar(el: HTMLElement) {\n  return el.scrollWidth > el.clientWidth;\n}\n\nexport function endOfScrollBox(element: HTMLElement, offset = 0) {\n  return element.scrollTop + element.offsetHeight + offset >= element.scrollHeight;\n}\n\nexport async function openEyeDropper(): Promise<string> {\n  const EyeDropperConstructor = (\n    globalThis as unknown as { EyeDropper?: new () => { open: () => Promise<{ sRGBHex: string }> } }\n  ).EyeDropper;\n\n  if (!EyeDropperConstructor) {\n    LogService.warn('EyeDropper API is unavailable');\n    return '';\n  }\n\n  try {\n    return (await new EyeDropperConstructor().open()).sRGBHex;\n  } catch (e) {\n    LogService.warn(`EyeDropper selection failed: ${(e as Error).message}`);\n    return '';\n  }\n}\n\n/**\n * provides a object with key/value of the currently applied design tokens\n */\nexport function getThemeTokens(element = globalThis.document.querySelector(':root')!) {\n  // default root or provided element\n  const styles = getComputedStyle(element);\n  let parent: CSSStyleSheet[] = [];\n\n  // check for parent iframe, same domain iframes change how the browser accesses style sheets\n  try {\n    parent = Array.from(globalThis.parent.document.styleSheets);\n  } catch {\n    // if not accessible, skip\n  }\n\n  return [...parent, ...Array.from(globalThis.document.styleSheets)]\n    .reduce((finalArr: string[][], sheet) => {\n      let rules: CSSRule[] = [];\n      try {\n        rules = [...sheet.cssRules];\n      } catch {\n        // if the style sheet is not accessible, skip\n      }\n      return finalArr.concat(\n        rules\n          .filter(rule => rule.type === 1)\n          .reduce((propValArr: string[][], rule) => {\n            const props = [...(rule as CSSStyleRule).style]\n              .filter((p: string) => p.trim().includes('--nve'))\n              .map((propName: string) => [\n                propName.trim(),\n                (rule as CSSStyleRule).style.getPropertyValue(propName).trim()\n              ]);\n            return [...propValArr, ...props];\n          }, [])\n      );\n    }, [])\n    .reduce(\n      (p: Record<string, string>, token: string[]) => ({ ...p, [token[0]!]: styles.getPropertyValue(token[0]!) }),\n      {}\n    );\n}\n\nexport function removeEmptySlotWhitespace(slot: HTMLSlotElement) {\n  if (slotContainsOnlyWhitespace(slot)) {\n    slot.assignedNodes().forEach((node: Node) => node.parentNode?.removeChild(node));\n  }\n}\n\nexport function slotContainsOnlyWhitespace(slot: HTMLSlotElement) {\n  const hasNoElements = !slot.assignedNodes().find(i => i.nodeType !== Node.TEXT_NODE);\n  const hasOnlyEmptyTextNodes = !slot\n    .assignedNodes()\n    .find(i => i.nodeType === Node.TEXT_NODE && (i.textContent ?? '').trim() !== '');\n  return hasNoElements && hasOnlyEmptyTextNodes;\n}\n\nexport function applySlotContentStates(slot: HTMLSlotElement, element: HTMLElement & { _internals: ElementInternals }) {\n  const nodes = slot.assignedNodes();\n  const name = slot.name ?? 'slot';\n\n  if (nodes.length) {\n    element._internals.states.add(`has-${name}`);\n  } else {\n    element._internals.states.delete(`has-${name}`);\n  }\n}\n\nexport function getDisplayValue(option?: { label?: string; value?: string }): string {\n  return option?.label || option?.value || '';\n}\n\n/** determines if HTML element matches the given component tag */\nexport function matchesElementName(element: Partial<HTMLElement>, component: { metadata: { tag: string } }) {\n  return element.localName === component.metadata.tag;\n}\n\nexport function createGhostElement(sourceElement: HTMLElement) {\n  const ghost = globalThis.document.createElement('div');\n  const { width } = sourceElement.getBoundingClientRect();\n  ghost.setAttribute('nve-ghost', '');\n  ghost.style.minWidth = `${width}px`;\n  ghost.style.maxWidth = `${width}px`;\n  ghost.style.height = '1px';\n  ghost.slot = sourceElement.slot;\n  return ghost;\n}\n\nexport function sameRenderRoot(element1: HTMLElement, element2: HTMLElement) {\n  const root1 = element1.getRootNode();\n  const root2 = element2.getRootNode();\n  const sameShadowRoot = root1 instanceof ShadowRoot && root2 instanceof ShadowRoot && root1 === root2;\n  const sameDocumentRoot = root1 === globalThis.document && root2 === globalThis.document;\n  const sameUnattachedRoot = root1 === root2;\n  return sameShadowRoot || sameDocumentRoot || sameUnattachedRoot;\n}\n\nexport function getAnchorNames(element: HTMLElement): string[] {\n  return (\n    element.style.anchorName\n      ?.split(',')\n      ?.map(name => name.trim())\n      ?.filter(name => name !== 'none' && name !== '') ?? []\n  );\n}\n\nexport function removeAnchorName(element: HTMLElement, name: string) {\n  const anchorNames = getAnchorNames(element);\n  element.style.anchorName = anchorNames.filter(i => i !== name).join(',');\n}\n\nexport function appendAnchorName(element: HTMLElement, name: string) {\n  element.style.anchorName = Array.from(new Set([...getAnchorNames(element), name])).join(',');\n}\n\n/**\n * Returns true when both arrays have the same length and each index is strictly equal (`===`).\n */\nexport function sameOrderedStringArray(a: readonly string[], b: readonly string[]): boolean {\n  return a.length === b.length && a.every((value, index) => value === b[index]);\n}\n\n/**\n * Returns unique non-empty strings in first-seen order (insertion order of a `Set` over the filtered list).\n */\nexport function uniqueNonEmptyStrings(values: Iterable<string | null | undefined>): string[] {\n  return Array.from(\n    new Set(Array.from(values).filter((value): value is string => typeof value === 'string' && value.length > 0))\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"dom.js","names":["getChildren","node","slotted","generateId","getAttributeChanges","element","attr","observer","mutation","fn","getAttributeListChanges","attrs","appendRootNodeStyle","stylesheet","styles","root","host","styleSheetToString","s","rule","getPropertyChanges","own","key","descriptor","proto","setter","active","observation","val","callback","current","getElementUpdate","cleanupPropertyChanges","disconnect","clickOutsideElementBounds","event","left","right","top","bottom","parseTokenNumber","value","getCustomElementRegistry","CustomElementRegistryConstructor","isContextMenuClick","getFlattenedFocusableItems","getFlattenedDOMTree","depth","isFocusable","p","n","i","validKeyNavigationCode","keynavCodes","KeynavCode","\"End\"","\"Home\"","\"PageUp\"","\"PageDown\"","\"ArrowUp\"","\"ArrowDown\"","\"ArrowLeft\"","\"ArrowRight\"","hasInvalidDOMGrid","rows","row","removeEmptyTextNode","scrollBarWidth","div","width","hasScrollBar","el","hasHorizontalScrollBar","endOfScrollBox","offset","openEyeDropper","EyeDropperConstructor","LogService","e","getThemeTokens","parent","rules","sheet","finalArr","props","propName","propValArr","token","removeEmptySlotWhitespace","slotContainsOnlyWhitespace","slot","hasNoElements","hasOnlyEmptyTextNodes","applySlotContentStates","nodes","name","getDisplayValue","option","matchesElementName","component","createGhostElement","ghost","sourceElement","sameRenderRoot","root1","element1","root2","element2","sameShadowRoot","sameDocumentRoot","getAnchorNames","removeAnchorName","anchorNames","appendAnchorName","sameOrderedStringArray","a","b","index","uniqueNonEmptyStrings","values"],"sources":["../../../src/internal/utils/dom.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 { isFocusable } from './focus.js';\n\nexport function getChildren(node: Document | Node | HTMLElement): Element[] {\n  if (node instanceof Document && node.documentElement) {\n    return Array.from(node.documentElement.children); // root document children\n  } else if (node instanceof HTMLElement && node.shadowRoot) {\n    return Array.from(node.shadowRoot.children); // shadow root direct children\n  } else if (node instanceof HTMLSlotElement && node.assignedElements) {\n    const slotted = node.assignedElements(); // slotted elements\n    return slotted.length ? slotted : Array.from(node.children); // slot fallback\n  } else {\n    return Array.from((node as HTMLElement).children); // light DOM direct children\n  }\n}\n\nexport function generateId() {\n  const uint32 = self.crypto.getRandomValues(new Uint32Array(1))[0]!;\n  return `_${uint32.toString(16)}`;\n}\n\nexport function getAttributeChanges(element: HTMLElement, attr: string, fn: (attrValue: string | null) => void) {\n  fn(element.getAttribute(attr));\n  const observer = new MutationObserver(mutations => {\n    mutations.forEach(mutation => {\n      if (mutation.attributeName === attr) {\n        fn((mutation.target as HTMLElement).getAttribute(attr));\n      }\n    });\n  });\n  observer.observe(element, { attributes: true, subtree: true });\n  return observer;\n}\n\nexport function getAttributeListChanges(element: HTMLElement, attrs: string[], fn: (mutation: MutationRecord) => void) {\n  const observer = new MutationObserver(mutations => {\n    mutations.forEach(mutation => {\n      if (mutation.attributeName && attrs.includes(mutation.attributeName)) {\n        fn(mutation);\n      }\n    });\n  });\n  observer.observe(element, { attributes: true, subtree: true });\n  return observer;\n}\n\n/**\n * Appends styles to the render root of a given element. This is useful for\n * styles that apply outside the scope of the element's shadow\n * root such as UA styles --webkit-* that won't work in a ::slotted selector\n */\nexport function appendRootNodeStyle(host: HTMLElement, styles: string) {\n  const stylesheet = new CSSStyleSheet();\n  stylesheet.replaceSync(styles);\n  const root = host.getRootNode() as Document | ShadowRoot;\n  if (root.adoptedStyleSheets) {\n    const hasStyleSheet = root.adoptedStyleSheets\n      .map(s => styleSheetToString(s))\n      .find(s => s === styleSheetToString(stylesheet));\n    if (!hasStyleSheet) {\n      root.adoptedStyleSheets = [...Array.from(root.adoptedStyleSheets), stylesheet];\n    }\n  }\n  return stylesheet;\n}\n\nexport function styleSheetToString(stylesheet: CSSStyleSheet) {\n  return stylesheet.cssRules\n    ? Array.from(stylesheet.cssRules)\n        .map(rule => rule.cssText || '')\n        .join('\\n')\n    : '';\n}\n\n/** Intercepts a property setter on an element so `callback` fires on every assignment. Does not use a MutationObserver. */\nexport function getPropertyChanges(element: HTMLElement, key: string, callback: (value: unknown) => void) {\n  const own = Object.getOwnPropertyDescriptor(element, key);\n  if (own?.configurable === false) return;\n\n  let descriptor = own;\n  let proto = Object.getPrototypeOf(element);\n  while (!descriptor && proto) {\n    descriptor = Object.getOwnPropertyDescriptor(proto, key);\n    proto = Object.getPrototypeOf(proto);\n  }\n  if (!descriptor?.set) return;\n  const setter = descriptor.set;\n\n  let active = true;\n  const observation: PropertyDescriptor = {\n    configurable: true,\n    enumerable: descriptor.enumerable,\n    get: descriptor.get,\n    set: (val: unknown) => {\n      setter.call(element, val);\n      if (active) callback(val);\n    }\n  };\n  Object.defineProperty(element, key, observation);\n\n  return () => {\n    active = false;\n    const current = Object.getOwnPropertyDescriptor(element, key);\n    if (\n      current?.configurable !== observation.configurable ||\n      current?.enumerable !== observation.enumerable ||\n      current?.get !== observation.get ||\n      current?.set !== observation.set\n    ) {\n      return;\n    }\n\n    if (own) {\n      Object.defineProperty(element, key, own);\n      return;\n    }\n\n    Reflect.deleteProperty(element, key);\n  };\n}\n\n/* used for cases of needing to know a property update outside of lit, example a native input value prop change */\nexport function getElementUpdate(element: HTMLElement, key: string, callback: (value: unknown) => void) {\n  if (element.hasAttribute(key)) {\n    callback(element.getAttribute(key));\n  } else if ((element as unknown as Record<string, unknown>)[key] !== undefined) {\n    callback((element as unknown as Record<string, unknown>)[key]);\n  }\n\n  const cleanupPropertyChanges = getPropertyChanges(element, key, callback);\n  const observer = getAttributeChanges(element, key, val => callback(val));\n  const disconnect = observer.disconnect.bind(observer);\n\n  observer.disconnect = () => {\n    cleanupPropertyChanges?.();\n    disconnect();\n  };\n\n  return observer;\n}\n\nexport function clickOutsideElementBounds(event: PointerEvent | MouseEvent, element: HTMLElement) {\n  const { left, right, top, bottom } = element.getBoundingClientRect();\n  return event.clientX < left || event.clientX > right || event.clientY < top || event.clientY > bottom;\n}\n\n/** parses number out of basic calc generated by the design tokens */\nexport function parseTokenNumber(value: string) {\n  return parseInt(value.includes('calc') ? value.split('*')[1]!.replace('px)', '').trim() : value, 10) || 0;\n}\n\nexport function getCustomElementRegistry(element: Element): CustomElementRegistry | undefined {\n  const root = element.getRootNode();\n  const CustomElementRegistryConstructor =\n    element.ownerDocument.defaultView?.CustomElementRegistry ?? globalThis.CustomElementRegistry;\n  if (\n    CustomElementRegistryConstructor &&\n    'customElementRegistry' in root &&\n    root.customElementRegistry instanceof CustomElementRegistryConstructor\n  ) {\n    return root.customElementRegistry;\n  }\n  const documentRegistry = element.ownerDocument.defaultView?.customElements;\n  if (documentRegistry) return documentRegistry;\n  return typeof customElements === 'undefined' ? undefined : customElements;\n}\n\nexport function isContextMenuClick(event: MouseEvent) {\n  return (event.buttons === 2 && !event.ctrlKey) || (event.buttons === 1 && event.ctrlKey);\n}\n\nexport function getFlattenedFocusableItems(element: Node, depth = 10) {\n  return getFlattenedDOMTree(element, depth).filter((e: HTMLElement) => isFocusable(e));\n}\n\n/**\n * Preserves visual DOM ordering when using slots within Shadow DOM\n * See more information/resources on Shadow DOM linear traversal\n * https://nolanlawson.com/2021/02/13/managing-focus-in-the-shadow-dom/\n * https://www.abeautifulsite.net/posts/querying-through-shadow-roots/\n */\nexport function getFlattenedDOMTree(node: Node, depth = 10): HTMLElement[] {\n  return (\n    Array.from(getChildren(node)).reduce(\n      (p: unknown[], n: Node) => [\n        ...p,\n        [n, [...Array.from(getChildren(n)).map(i => [i, getFlattenedDOMTree(i, depth)])]]\n      ],\n      []\n    ) as unknown as HTMLElement[]\n  ).flat(depth);\n}\n\nexport function validKeyNavigationCode(e: KeyboardEvent): e is KeyboardEvent & { code: KeynavCode } {\n  return keynavCodes.has(e.code);\n}\n\nexport enum KeynavCode {\n  End = 'End',\n  Home = 'Home',\n  PageUp = 'PageUp',\n  PageDown = 'PageDown',\n  ArrowUp = 'ArrowUp',\n  ArrowDown = 'ArrowDown',\n  ArrowLeft = 'ArrowLeft',\n  ArrowRight = 'ArrowRight'\n}\n\nconst keynavCodes: Set<string> = new Set(Object.values(KeynavCode));\n\nexport function hasInvalidDOMGrid(rows: HTMLElement[]) {\n  return rows.some(row => row.children.length !== rows[0]!.children.length);\n}\n\nexport function removeEmptyTextNode(node: Node) {\n  if ((node as Text)?.wholeText?.trim() === '') {\n    (node as Text).remove();\n  }\n}\n\nexport function scrollBarWidth() {\n  const div = globalThis.document.createElement('div');\n  div.style.setProperty('width', '100px');\n  div.style.setProperty('height', '100px');\n  div.style.setProperty('overflow', 'scroll');\n  div.style.setProperty('position', 'absolute');\n  div.style.setProperty('top', '-9999px');\n  globalThis.document.body.appendChild(div);\n  const width = div.offsetWidth - div.clientWidth;\n  globalThis.document.body.removeChild(div);\n  return width;\n}\n\nexport function hasScrollBar(el: HTMLElement) {\n  return el.scrollHeight > el.clientHeight;\n}\n\nexport function hasHorizontalScrollBar(el: HTMLElement) {\n  return el.scrollWidth > el.clientWidth;\n}\n\nexport function endOfScrollBox(element: HTMLElement, offset = 0) {\n  return element.scrollTop + element.offsetHeight + offset >= element.scrollHeight;\n}\n\nexport async function openEyeDropper(): Promise<string> {\n  const EyeDropperConstructor = (\n    globalThis as unknown as { EyeDropper?: new () => { open: () => Promise<{ sRGBHex: string }> } }\n  ).EyeDropper;\n\n  if (!EyeDropperConstructor) {\n    LogService.warn('EyeDropper API is unavailable');\n    return '';\n  }\n\n  try {\n    return (await new EyeDropperConstructor().open()).sRGBHex;\n  } catch (e) {\n    LogService.warn(`EyeDropper selection failed: ${(e as Error).message}`);\n    return '';\n  }\n}\n\n/**\n * provides a object with key/value of the currently applied design tokens\n */\nexport function getThemeTokens(element = globalThis.document.querySelector(':root')!) {\n  // default root or provided element\n  const styles = getComputedStyle(element);\n  let parent: CSSStyleSheet[] = [];\n\n  // check for parent iframe, same domain iframes change how the browser accesses style sheets\n  try {\n    parent = Array.from(globalThis.parent.document.styleSheets);\n  } catch {\n    // if not accessible, skip\n  }\n\n  return [...parent, ...Array.from(globalThis.document.styleSheets)]\n    .reduce((finalArr: string[][], sheet) => {\n      let rules: CSSRule[] = [];\n      try {\n        rules = [...sheet.cssRules];\n      } catch {\n        // if the style sheet is not accessible, skip\n      }\n      return finalArr.concat(\n        rules\n          .filter(rule => rule.type === 1)\n          .reduce((propValArr: string[][], rule) => {\n            const props = [...(rule as CSSStyleRule).style]\n              .filter((p: string) => p.trim().includes('--nve'))\n              .map((propName: string) => [\n                propName.trim(),\n                (rule as CSSStyleRule).style.getPropertyValue(propName).trim()\n              ]);\n            return [...propValArr, ...props];\n          }, [])\n      );\n    }, [])\n    .reduce(\n      (p: Record<string, string>, token: string[]) => ({ ...p, [token[0]!]: styles.getPropertyValue(token[0]!) }),\n      {}\n    );\n}\n\nexport function removeEmptySlotWhitespace(slot: HTMLSlotElement) {\n  if (slotContainsOnlyWhitespace(slot)) {\n    slot.assignedNodes().forEach((node: Node) => node.parentNode?.removeChild(node));\n  }\n}\n\nexport function slotContainsOnlyWhitespace(slot: HTMLSlotElement) {\n  const hasNoElements = !slot.assignedNodes().find(i => i.nodeType !== Node.TEXT_NODE);\n  const hasOnlyEmptyTextNodes = !slot\n    .assignedNodes()\n    .find(i => i.nodeType === Node.TEXT_NODE && (i.textContent ?? '').trim() !== '');\n  return hasNoElements && hasOnlyEmptyTextNodes;\n}\n\nexport function applySlotContentStates(slot: HTMLSlotElement, element: HTMLElement & { _internals: ElementInternals }) {\n  const nodes = slot.assignedNodes();\n  const name = slot.name ?? 'slot';\n\n  if (nodes.length) {\n    element._internals.states.add(`has-${name}`);\n  } else {\n    element._internals.states.delete(`has-${name}`);\n  }\n}\n\nexport function getDisplayValue(option?: { label?: string; value?: string }): string {\n  return option?.label || option?.value || '';\n}\n\n/** determines if HTML element matches the given component tag */\nexport function matchesElementName(element: Partial<HTMLElement>, component: { metadata: { tag: string } }) {\n  return element.localName === component.metadata.tag;\n}\n\nexport function createGhostElement(sourceElement: HTMLElement) {\n  const ghost = globalThis.document.createElement('div');\n  const { width } = sourceElement.getBoundingClientRect();\n  ghost.setAttribute('nve-ghost', '');\n  ghost.style.minWidth = `${width}px`;\n  ghost.style.maxWidth = `${width}px`;\n  ghost.style.height = '1px';\n  ghost.slot = sourceElement.slot;\n  return ghost;\n}\n\nexport function sameRenderRoot(element1: HTMLElement, element2: HTMLElement) {\n  const root1 = element1.getRootNode();\n  const root2 = element2.getRootNode();\n  const sameShadowRoot = root1 instanceof ShadowRoot && root2 instanceof ShadowRoot && root1 === root2;\n  const sameDocumentRoot = root1 === globalThis.document && root2 === globalThis.document;\n  const sameUnattachedRoot = root1 === root2;\n  return sameShadowRoot || sameDocumentRoot || sameUnattachedRoot;\n}\n\nexport function getAnchorNames(element: HTMLElement): string[] {\n  return (\n    element.style.anchorName\n      ?.split(',')\n      ?.map(name => name.trim())\n      ?.filter(name => name !== 'none' && name !== '') ?? []\n  );\n}\n\nexport function removeAnchorName(element: HTMLElement, name: string) {\n  const anchorNames = getAnchorNames(element);\n  element.style.anchorName = anchorNames.filter(i => i !== name).join(',');\n}\n\nexport function appendAnchorName(element: HTMLElement, name: string) {\n  element.style.anchorName = Array.from(new Set([...getAnchorNames(element), name])).join(',');\n}\n\n/**\n * Returns true when both arrays have the same length and each index is strictly equal (`===`).\n */\nexport function sameOrderedStringArray(a: readonly string[], b: readonly string[]): boolean {\n  return a.length === b.length && a.every((value, index) => value === b[index]);\n}\n\n/**\n * Returns unique non-empty strings in first-seen order (insertion order of a `Set` over the filtered list).\n */\nexport function uniqueNonEmptyStrings(values: Iterable<string | null | undefined>): string[] {\n  return Array.from(\n    new Set(Array.from(values).filter((value): value is string => typeof value === 'string' && value.length > 0))\n  );\n}\n"],"mappings":"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"}

package/dist/joystick/joystick2.js

@@ -38,7 +38,7 @@ var d = {
 	static {
 		this.metadata = {
 			tag: "nve-joystick",
-			version: "2.20.2",
+			version: "2.21.0",
 			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.20.2"
+			version: "2.21.0"
 		};
 	}
 	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.20.2",
+			version: "2.21.0",
 			children: ["nve-menu"]
 		};
 	}

package/dist/menu/menu-item2.js

@@ -13,7 +13,7 @@ var c = class extends s(i) {
 	static {
 		this.metadata = {
 			tag: "nve-menu-item",
-			version: "2.20.2",
+			version: "2.21.0",
 			parents: ["nve-menu"]
 		};
 	}

package/dist/menu/menu2.js

@@ -1,6 +1,6 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { appendRootNodeStyle as t } from "../internal/utils/dom.js";
-import { keyNavigationList as n } from "../internal/controllers/keynav-list.controller.js";
+import { KeyNavigationListController as n } from "../internal/controllers/keynav-list.controller.js";
 import { attachInternals as r } from "../internal/utils/a11y.js";
 import { useStyles as i } from "../internal/styles/index.js";
 import a from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
@@ -17,7 +17,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-menu",
-			version: "2.20.2",
+			version: "2.21.0",
 			children: ["nve-menu-item", "nve-divider"]
 		};
 	}
@@ -30,11 +30,13 @@ var f = class extends c {
 			items: this.items
 		};
 	}
-	#e = null;
-	#t = !1;
-	#n = () => {
-		this.#e === null && (this.#e = requestAnimationFrame(() => {
-			this.#e = null;
+	#e = new n(this);
+	#t = [];
+	#n = null;
+	#r = !1;
+	#i = () => {
+		this.#n === null && (this.#n = requestAnimationFrame(() => {
+			this.#n = null;
 			let e = this.shadowRoot?.querySelector("[internal-host]");
 			if (!e) return;
 			let { scrollTop: t, scrollHeight: n, clientHeight: r } = e;
@@ -50,22 +52,25 @@ var f = class extends c {
 		}));
 	};
 	render() {
-		return l`<div internal-host><slot></slot></div>`;
+		return l`<div internal-host><slot @slotchange="${this.#a}"></slot></div>`;
 	}
 	async firstUpdated() {
-		await this.updateComplete, this.shadowRoot?.querySelector("[internal-host]")?.addEventListener("scroll", this.#n, { passive: !0 });
+		await this.updateComplete, this.shadowRoot?.querySelector("[internal-host]")?.addEventListener("scroll", this.#i, { passive: !0 });
 	}
 	connectedCallback() {
-		super.connectedCallback(), r(this), this._internals.role = "menu", t(this, s), this.parentElement?.localName === "nve-menu-group" && !this.slot && (this.slot = "menu", this.#t = !0);
+		super.connectedCallback(), r(this), this._internals.role = "menu", t(this, s), this.hasUpdated && (this.#t = this.items), this.parentElement?.localName === "nve-menu-group" && !this.slot && (this.slot = "menu", this.#r = !0);
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.#t && this.slot === "menu" && (this.slot = ""), this.#t = !1;
+		super.disconnectedCallback(), this.#t = [], this.#r && this.slot === "menu" && (this.slot = ""), this.#r = !1;
 	}
+	#a = () => {
+		this.#e.refreshItems(this.#t), this.#t = this.items;
+	};
 };
 a([u({
 	type: String,
 	reflect: !0
-})], f.prototype, "density", void 0), a([d()], f.prototype, "items", void 0), f = a([e(), n()], f);
+})], f.prototype, "density", void 0), a([d({ selector: "nve-menu-item" })], f.prototype, "items", void 0), f = a([e()], f);
 export { f as Menu };
 
 //# sourceMappingURL=menu2.js.map

package/dist/menu/menu2.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu2.js","names":["styles","globalStyles","_decorate","__decorate","menu_default","menu_global_default","Menu","LitElement","useStyles","#scrollRAF","container","#handleScroll","attachInternals","appendRootNodeStyle","#assignedMenuSlot","property","queryAssignedElements","audit","keyNavigationList"],"sources":["../../src/menu/menu.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { Density, KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  attachInternals,\n  keyNavigationList,\n  appendRootNodeStyle,\n  audit\n} from '@nvidia-elements/core/internal';\nimport type { MenuItem } from './menu-item.js';\nimport styles from './menu.css?inline';\nimport globalStyles from './menu.global.css?inline';\n\n/**\n * @element nve-menu\n * @description A menu offers a list of choices to the user, such as a set of actions or functions. Choosing an item in a menu typically opens a sub menu, or invokes a command.\n * @documentation https://nvidia.github.io/elements/docs/elements/menu/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/menu\n * @slot - default slot for `nve-menu-item`\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @cssprop --max-height\n * @event scroll - Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`.\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n */\n@audit()\n@keyNavigationList<Menu>()\nexport class Menu extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-menu',\n    version: '0.0.0',\n    children: ['nve-menu-item', 'nve-divider']\n  };\n\n  static elementDefinitions = {};\n\n  /**\n   * Determines if the menu is in a compact layout. This hides all menu item content except the prefix icon slot.\n   */\n  @property({ type: String, reflect: true }) density?: Density;\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      layout: 'vertical',\n      items: this.items\n    };\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  @queryAssignedElements() private items!: MenuItem[];\n\n  #scrollRAF: number | null = null;\n  #assignedMenuSlot = false;\n\n  #handleScroll = () => {\n    if (this.#scrollRAF !== null) return;\n    this.#scrollRAF = requestAnimationFrame(() => {\n      this.#scrollRAF = null;\n      const container = this.shadowRoot?.querySelector<HTMLElement>('[internal-host]');\n      if (!container) return;\n      const { scrollTop, scrollHeight, clientHeight } = container;\n      this.dispatchEvent(\n        new CustomEvent('scroll', {\n          bubbles: true,\n          composed: true,\n          detail: { scrollTop, scrollHeight, clientHeight }\n        })\n      );\n    });\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  async firstUpdated() {\n    await this.updateComplete;\n    this.shadowRoot\n      ?.querySelector('[internal-host]')\n      ?.addEventListener('scroll', this.#handleScroll, { passive: true });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'menu';\n    appendRootNodeStyle(this, globalStyles);\n\n    if (this.parentElement?.localName === 'nve-menu-group' && !this.slot) {\n      this.slot = 'menu';\n      this.#assignedMenuSlot = true;\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this.#assignedMenuSlot && this.slot === 'menu') {\n      this.slot = '';\n    }\n    this.#assignedMenuSlot = false;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAoCO,IAAMM,IAAN,cAAmBC,EAAW;;EACnB,KAAA,SAAAC,EAAU,CAACR,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,iBAAiB,aAAa;EAC3C;;;EAE4B,KAAA,qBAAA,CAAC;;CAQ7B,IAAI,mBAAqC;EACvC,OAAO;GACL,QAAQ;GACR,OAAO,KAAK;EACd;CACF;CAOA,KAA4B;CAC5B,KAAoB;CAEpB,WAAsB;EACpB,AAAI,KAAKS,OAAe,SACxB,KAAKA,KAAa,4BAA4B;GAC5C,KAAKA,KAAa;GAClB,IAAMC,IAAY,KAAK,YAAY,cAA2B,iBAAiB;GAC/E,IAAI,CAACA,GAAW;GAChB,IAAM,EAAE,cAAW,iBAAc,oBAAiBA;GAClD,KAAK,cACH,IAAI,YAAY,UAAU;IACxB,SAAS;IACT,UAAU;IACV,QAAQ;KAAE;KAAW;KAAc;IAAa;GAClD,CAAC,CACH;EACF,CAAC;CACH;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,MAAM,eAAe;EAEnB,AADA,MAAM,KAAK,gBACX,KAAK,YACD,cAAc,iBAAiB,CAAC,EAChC,iBAAiB,UAAU,KAAKC,IAAe,EAAE,SAAS,GAAK,CAAC;CACtE;CAEA,oBAAoB;EAMlB,AALA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,QACvBC,EAAoB,MAAMZ,CAAY,GAElC,KAAK,eAAe,cAAc,oBAAoB,CAAC,KAAK,SAC9D,KAAK,OAAO,QACZ,KAAKa,KAAoB;CAE7B;CAEA,uBAAuB;EAKrB,AAJA,MAAM,qBAAqB,GACvB,KAAKA,MAAqB,KAAK,SAAS,WAC1C,KAAK,OAAO,KAEd,KAAKA,KAAoB;CAC3B;AACF;AArEGZ,EAAA,CAAAa,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,WAAA,KAAA,CAAA,GAaxCJ,EAAA,CAAAc,EAAsB,CAAA,GAAAV,EAAA,WAAA,SAAA,KAAA,CAAA,GA7BxB,IAAAJ,EAAA,CAAAe,EAAM,GACNC,EAAwB,CAAA,GAAAZ,CAAA"}
+{"version":3,"file":"menu2.js","names":["styles","globalStyles","_decorate","__decorate","menu_default","menu_global_default","Menu","LitElement","useStyles","KeyNavigationListController","#scrollRAF","container","#syncItems","#handleScroll","attachInternals","appendRootNodeStyle","#knownItems","#assignedMenuSlot","#keynavController","property","queryAssignedElements","audit"],"sources":["../../src/menu/menu.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { Density, KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  attachInternals,\n  KeyNavigationListController,\n  appendRootNodeStyle,\n  audit\n} from '@nvidia-elements/core/internal';\nimport type { MenuItem } from './menu-item.js';\nimport styles from './menu.css?inline';\nimport globalStyles from './menu.global.css?inline';\n\n/**\n * @element nve-menu\n * @description A menu offers a list of choices to the user, such as a set of actions or functions. Choosing an item in a menu typically opens a sub menu, or invokes a command.\n * @documentation https://nvidia.github.io/elements/docs/elements/menu/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/menu\n * @slot - default slot for `nve-menu-item`\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @cssprop --max-height\n * @event scroll - Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`.\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n */\n@audit()\nexport class Menu extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-menu',\n    version: '0.0.0',\n    children: ['nve-menu-item', 'nve-divider']\n  };\n\n  static elementDefinitions = {};\n\n  /**\n   * Determines if the menu is in a compact layout. This hides all menu item content except the prefix icon slot.\n   */\n  @property({ type: String, reflect: true }) density?: Density;\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      layout: 'vertical',\n      items: this.items\n    };\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  @queryAssignedElements({ selector: 'nve-menu-item' }) private items!: MenuItem[];\n\n  #keynavController = new KeyNavigationListController(this);\n  #knownItems: MenuItem[] = [];\n\n  #scrollRAF: number | null = null;\n  #assignedMenuSlot = false;\n\n  #handleScroll = () => {\n    if (this.#scrollRAF !== null) return;\n    this.#scrollRAF = requestAnimationFrame(() => {\n      this.#scrollRAF = null;\n      const container = this.shadowRoot?.querySelector<HTMLElement>('[internal-host]');\n      if (!container) return;\n      const { scrollTop, scrollHeight, clientHeight } = container;\n      this.dispatchEvent(\n        new CustomEvent('scroll', {\n          bubbles: true,\n          composed: true,\n          detail: { scrollTop, scrollHeight, clientHeight }\n        })\n      );\n    });\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${this.#syncItems}></slot>\n      </div>\n    `;\n  }\n\n  async firstUpdated() {\n    await this.updateComplete;\n    this.shadowRoot\n      ?.querySelector('[internal-host]')\n      ?.addEventListener('scroll', this.#handleScroll, { passive: true });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'menu';\n    appendRootNodeStyle(this, globalStyles);\n    if (this.hasUpdated) this.#knownItems = this.items;\n\n    if (this.parentElement?.localName === 'nve-menu-group' && !this.slot) {\n      this.slot = 'menu';\n      this.#assignedMenuSlot = true;\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#knownItems = [];\n    if (this.#assignedMenuSlot && this.slot === 'menu') {\n      this.slot = '';\n    }\n    this.#assignedMenuSlot = false;\n  }\n\n  #syncItems = () => {\n    this.#keynavController.refreshItems(this.#knownItems);\n    this.#knownItems = this.items;\n  };\n}\n"],"mappings":";;;;;;;;;;;;AAmCO,IAAMM,IAAN,cAAmBC,EAAW;;EACnB,KAAA,SAAAC,EAAU,CAACR,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,iBAAiB,aAAa;EAC3C;;;EAE4B,KAAA,qBAAA,CAAC;;CAQ7B,IAAI,mBAAqC;EACvC,OAAO;GACL,QAAQ;GACR,OAAO,KAAK;EACd;CACF;CAOA,KAAoB,IAAIS,EAA4B,IAAI;CACxD,KAA0B,CAAC;CAE3B,KAA4B;CAC5B,KAAoB;CAEpB,WAAsB;EACpB,AAAI,KAAKC,OAAe,SACxB,KAAKA,KAAa,4BAA4B;GAC5C,KAAKA,KAAa;GAClB,IAAMC,IAAY,KAAK,YAAY,cAA2B,iBAAiB;GAC/E,IAAI,CAACA,GAAW;GAChB,IAAM,EAAE,cAAW,iBAAc,oBAAiBA;GAClD,KAAK,cACH,IAAI,YAAY,UAAU;IACxB,SAAS;IACT,UAAU;IACV,QAAQ;KAAE;KAAW;KAAc;IAAa;GAClD,CAAC,CACH;EACF,CAAC;CACH;CAEA,SAAS;EACP,OAAO,CAAI,yCAEa,KAAKC,GAAW;CAG1C;CAEA,MAAM,eAAe;EAEnB,AADA,MAAM,KAAK,gBACX,KAAK,YACD,cAAc,iBAAiB,CAAC,EAChC,iBAAiB,UAAU,KAAKC,IAAe,EAAE,SAAS,GAAK,CAAC;CACtE;CAEA,oBAAoB;EAOlB,AANA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,QACvBC,EAAoB,MAAMd,CAAY,GAClC,KAAK,eAAY,KAAKe,KAAc,KAAK,QAEzC,KAAK,eAAe,cAAc,oBAAoB,CAAC,KAAK,SAC9D,KAAK,OAAO,QACZ,KAAKC,KAAoB;CAE7B;CAEA,uBAAuB;EAMrB,AALA,MAAM,qBAAqB,GAC3B,KAAKD,KAAc,CAAC,GAChB,KAAKC,MAAqB,KAAK,SAAS,WAC1C,KAAK,OAAO,KAEd,KAAKA,KAAoB;CAC3B;CAEA,WAAmB;EAEjB,AADA,KAAKC,GAAkB,aAAa,KAAKF,EAAW,GACpD,KAAKA,KAAc,KAAK;CAC1B;AACF;AA/EGd,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAb,EAAA,WAAA,WAAA,KAAA,CAAA,GAaxCJ,EAAA,CAAAkB,EAAsB,EAAE,UAAU,gBAAgB,CAAC,CAAA,GAAAd,EAAA,WAAA,SAAA,KAAA,CAAA,GA5BrD,IAAAJ,EAAA,CAAAmB,EAAM,CAAA,GAAAf,CAAA"}

package/dist/month/month2.js

@@ -22,7 +22,7 @@ var l = { expand: "expand" }, u = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-month",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	static {

package/dist/notification/notification-group2.js

@@ -20,7 +20,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-notification-group",
-			version: "2.20.2",
+			version: "2.21.0",
 			children: ["nve-notification"]
 		};
 	}

package/dist/notification/notification2.js

@@ -40,7 +40,7 @@ var m = {
 	static {
 		this.metadata = {
 			tag: "nve-notification",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	static {

package/dist/page/page-panel/page-panel-content2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-content",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	render() {

package/dist/page/page-panel/page-panel-footer2.js

@@ -14,7 +14,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-footer",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	render() {

package/dist/page/page-panel/page-panel-header2.js

@@ -14,7 +14,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-header",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	render() {

package/dist/page/page-panel/page-panel2.js

@@ -15,7 +15,7 @@ var u = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel",
-			version: "2.20.2",
+			version: "2.21.0",
 			parents: ["nve-page"]
 		};
 	}

package/dist/page/page2.js

@@ -16,7 +16,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-page",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	static {

package/dist/page-header/page-header2.js

@@ -12,7 +12,7 @@ var s = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-page-header",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	render() {

package/dist/page-loader/page-loader2.js

@@ -18,7 +18,7 @@ var u = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-page-loader",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	static {

package/dist/pagination/pagination2.js

@@ -28,7 +28,7 @@ var g = {
 	static {
 		this.metadata = {
 			tag: "nve-pagination",
-			version: "2.20.2",
+			version: "2.21.0",
 			valueSchema: { type: "number" }
 		};
 	}

package/dist/panel/panel2.js

@@ -26,7 +26,7 @@ var g = {
 	static {
 		this.metadata = {
 			tag: "nve-panel-header",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	render() {
@@ -42,7 +42,7 @@ var g = {
 	static {
 		this.metadata = {
 			tag: "nve-panel-content",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	render() {
@@ -55,7 +55,7 @@ var g = {
 	static {
 		this.metadata = {
 			tag: "nve-panel-footer",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	render() {
@@ -74,7 +74,7 @@ var g = {
 	static {
 		this.metadata = {
 			tag: "nve-panel",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	static {

package/dist/password/password2.js

@@ -29,7 +29,7 @@ var u = {
 	static {
 		this.metadata = {
 			tag: "nve-password",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	static {

package/dist/preferences-input/preferences-input2.js

@@ -48,7 +48,7 @@ var S = class extends g(u) {
 	static {
 		this.metadata = {
 			tag: "nve-preferences-input",
-			version: "2.20.2",
+			version: "2.21.0",
 			valueSchema: {
 				type: "object",
 				properties: {

package/dist/progress-bar/progress-bar2.js

@@ -16,7 +16,7 @@ var c = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-progress-bar",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	render() {

package/dist/progress-dot/progress-dot2.js

@@ -16,7 +16,7 @@ var c = { loading: "loading" }, l = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-progress-dot",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	#e;

package/dist/progress-ring/progress-ring2.js

@@ -24,7 +24,7 @@ var d = {
 	static {
 		this.metadata = {
 			tag: "nve-progress-ring",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	static {

package/dist/progressive-filter-chip/progressive-filter-chip2.js

@@ -23,7 +23,7 @@ var b = { close: "close" }, x = class extends m {
 	static {
 		this.metadata = {
 			tag: "nve-progressive-filter-chip",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	static {

package/dist/pulse/pulse2.js

@@ -13,7 +13,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-pulse",
-			version: "2.20.2"
+			version: "2.21.0"
 		};
 	}
 	static {