@nvidia-elements/core 0.0.7 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (212) hide show
  1. package/CHANGELOG.md +25 -16
  2. package/README.md +1 -1
  3. package/dist/accordion/accordion-group.js.map +1 -1
  4. package/dist/accordion/accordion.js.map +1 -1
  5. package/dist/accordion/accordion2.js +4 -4
  6. package/dist/alert/alert-group.js.map +1 -1
  7. package/dist/alert/alert-group2.js +1 -1
  8. package/dist/alert/alert-group2.js.map +1 -1
  9. package/dist/alert/alert.global.js.map +1 -1
  10. package/dist/alert/alert.js.map +1 -1
  11. package/dist/alert/alert2.js +1 -1
  12. package/dist/avatar/avatar-group2.js +1 -1
  13. package/dist/avatar/avatar2.js +1 -1
  14. package/dist/badge/badge.js +1 -1
  15. package/dist/badge/badge.js.map +1 -1
  16. package/dist/badge/badge2.js +2 -2
  17. package/dist/badge/badge2.js.map +1 -1
  18. package/dist/breadcrumb/breadcrumb.js +1 -1
  19. package/dist/breadcrumb/breadcrumb.js.map +1 -1
  20. package/dist/breadcrumb/breadcrumb2.js +2 -2
  21. package/dist/breadcrumb/breadcrumb2.js.map +1 -1
  22. package/dist/bundles/index.d.ts +2 -2
  23. package/dist/bundles/index.js +3 -3
  24. package/dist/button/button.js.map +1 -1
  25. package/dist/button/button2.js +1 -1
  26. package/dist/button-group/button-group.global.js.map +1 -1
  27. package/dist/button-group/button-group.js +1 -1
  28. package/dist/button-group/button-group.js.map +1 -1
  29. package/dist/button-group/button-group2.js +3 -3
  30. package/dist/button-group/button-group2.js.map +1 -1
  31. package/dist/card/card-content.js +1 -1
  32. package/dist/card/card-content.js.map +1 -1
  33. package/dist/card/card-header.js +1 -1
  34. package/dist/card/card-header.js.map +1 -1
  35. package/dist/card/card2.js +4 -4
  36. package/dist/chat-message/chat-message2.js +1 -1
  37. package/dist/checkbox/checkbox-group2.js +1 -1
  38. package/dist/checkbox/checkbox.js.map +1 -1
  39. package/dist/checkbox/checkbox2.js +1 -1
  40. package/dist/color/color.global.js.map +1 -1
  41. package/dist/color/color2.js +1 -1
  42. package/dist/combobox/combobox.examples.js.map +1 -1
  43. package/dist/combobox/combobox2.js +1 -1
  44. package/dist/copy-button/copy-button2.js +1 -1
  45. package/dist/copy-button/copy-button2.js.map +1 -1
  46. package/dist/custom-elements-jsx.d.ts +2 -2
  47. package/dist/custom-elements-vue.d.ts +2 -2
  48. package/dist/custom-elements.json +7 -29
  49. package/dist/data.html.json +3 -3
  50. package/dist/data.snippets.json +42 -42
  51. package/dist/date/date2.js +1 -1
  52. package/dist/datetime/datetime2.js +1 -1
  53. package/dist/dialog/dialog-footer2.js +1 -1
  54. package/dist/dialog/dialog-header2.js +1 -1
  55. package/dist/dialog/dialog2.js +1 -1
  56. package/dist/divider/divider2.js +1 -1
  57. package/dist/dot/dot.js.map +1 -1
  58. package/dist/dot/dot2.js +1 -1
  59. package/dist/drawer/drawer-content.js.map +1 -1
  60. package/dist/drawer/drawer-content2.js +1 -1
  61. package/dist/drawer/drawer-footer2.js +1 -1
  62. package/dist/drawer/drawer-header2.js +1 -1
  63. package/dist/drawer/drawer2.js +1 -1
  64. package/dist/dropdown/dropdown-footer2.js +1 -1
  65. package/dist/dropdown/dropdown-header2.js +1 -1
  66. package/dist/dropdown/dropdown.js.map +1 -1
  67. package/dist/dropdown/dropdown2.js +1 -1
  68. package/dist/dropdown-group/dropdown-group.js +1 -1
  69. package/dist/dropdown-group/dropdown-group.js.map +1 -1
  70. package/dist/dropzone/dropzone.util.js +4 -1
  71. package/dist/dropzone/dropzone.util.js.map +1 -1
  72. package/dist/dropzone/dropzone2.js +1 -1
  73. package/dist/dropzone/dropzone2.js.map +1 -1
  74. package/dist/file/file.global.js.map +1 -1
  75. package/dist/file/file2.js +1 -1
  76. package/dist/format-datetime/format-datetime2.js +1 -1
  77. package/dist/format-relative-time/format-relative-time2.js +1 -1
  78. package/dist/forms/control/control.js.map +1 -1
  79. package/dist/forms/control/control2.js +2 -2
  80. package/dist/forms/control/control2.js.map +1 -1
  81. package/dist/forms/control-group/control-group.js.map +1 -1
  82. package/dist/forms/control-group/control-group2.js +23 -24
  83. package/dist/forms/control-group/control-group2.js.map +1 -1
  84. package/dist/forms/control-message/control-message2.js +1 -1
  85. package/dist/forms/utils/states.d.ts +1 -1
  86. package/dist/forms/utils/states.js +25 -25
  87. package/dist/forms/utils/states.js.map +1 -1
  88. package/dist/grid/cell/cell2.js +1 -1
  89. package/dist/grid/column/column.js.map +1 -1
  90. package/dist/grid/column/column2.js +23 -23
  91. package/dist/grid/column/column2.js.map +1 -1
  92. package/dist/grid/define.js.map +1 -1
  93. package/dist/grid/footer/footer.js.map +1 -1
  94. package/dist/grid/footer/footer2.js +1 -1
  95. package/dist/grid/grid.global.js.map +1 -1
  96. package/dist/grid/grid.js.map +1 -1
  97. package/dist/grid/grid2.js +31 -31
  98. package/dist/grid/grid2.js.map +1 -1
  99. package/dist/grid/header/header2.js +24 -25
  100. package/dist/grid/header/header2.js.map +1 -1
  101. package/dist/grid/placeholder/placeholder2.js +1 -1
  102. package/dist/grid/row/row.js.map +1 -1
  103. package/dist/grid/row/row2.js +1 -1
  104. package/dist/icon/define.js.map +1 -1
  105. package/dist/icon/icon.js.map +1 -1
  106. package/dist/icon/icon2.js +2 -2
  107. package/dist/icon/icons.js.map +1 -1
  108. package/dist/icon/server.js.map +1 -1
  109. package/dist/icon-button/icon-button.js.map +1 -1
  110. package/dist/icon-button/icon-button2.js +1 -1
  111. package/dist/index.js +1 -1
  112. package/dist/input/input-group.global.js.map +1 -1
  113. package/dist/input/input-group.js.map +1 -1
  114. package/dist/input/input-group2.js +1 -1
  115. package/dist/input/input.js.map +1 -1
  116. package/dist/input/input2.js +1 -1
  117. package/dist/internal/controllers/audit.controller.js.map +1 -1
  118. package/dist/internal/controllers/type-native-popover.controller.js.map +1 -1
  119. package/dist/internal/controllers/type-ssr.controller.js.map +1 -1
  120. package/dist/internal/index.js +40 -40
  121. package/dist/internal/services/global.service.js +1 -1
  122. package/dist/internal/services/i18n.service.d.ts +1 -1
  123. package/dist/internal/services/i18n.service.js.map +1 -1
  124. package/dist/internal/utils/dom.d.ts +0 -2
  125. package/dist/internal/utils/dom.js +12 -15
  126. package/dist/internal/utils/dom.js.map +1 -1
  127. package/dist/logo/logo.js.map +1 -1
  128. package/dist/logo/logo2.js +1 -1
  129. package/dist/menu/menu-item.js.map +1 -1
  130. package/dist/menu/menu-item2.js +1 -1
  131. package/dist/menu/menu.global.js.map +1 -1
  132. package/dist/menu/menu2.js +1 -1
  133. package/dist/menu/menu2.js.map +1 -1
  134. package/dist/month/month2.js +1 -1
  135. package/dist/notification/notification-group2.js +1 -1
  136. package/dist/notification/notification.js.map +1 -1
  137. package/dist/notification/notification2.js +1 -1
  138. package/dist/page/page-panel/page-panel-content.js.map +1 -1
  139. package/dist/page/page-panel/page-panel-content2.js +1 -1
  140. package/dist/page/page-panel/page-panel-footer2.js +1 -1
  141. package/dist/page/page-panel/page-panel-header2.js +1 -1
  142. package/dist/page/page-panel/page-panel2.js +1 -1
  143. package/dist/page/page2.js +1 -1
  144. package/dist/page-header/page-header2.js +1 -1
  145. package/dist/page-loader/page-loader2.js +1 -1
  146. package/dist/pagination/pagination2.js +1 -1
  147. package/dist/panel/panel-content.js.map +1 -1
  148. package/dist/panel/panel-footer.js.map +1 -1
  149. package/dist/panel/panel2.js +4 -4
  150. package/dist/password/password2.js +1 -1
  151. package/dist/polyfills/index.js +2 -1
  152. package/dist/polyfills/index.js.map +1 -1
  153. package/dist/preferences-input/preferences-input2.js +1 -1
  154. package/dist/preferences-input/preferences-input2.js.map +1 -1
  155. package/dist/progress-bar/progress-bar2.js +1 -1
  156. package/dist/progress-ring/progress-ring.js.map +1 -1
  157. package/dist/progress-ring/progress-ring2.js +1 -1
  158. package/dist/progress-ring/progress-ring2.js.map +1 -1
  159. package/dist/progressive-filter-chip/progressive-filter-chip.global.js.map +1 -1
  160. package/dist/progressive-filter-chip/progressive-filter-chip.js.map +1 -1
  161. package/dist/progressive-filter-chip/progressive-filter-chip2.js +2 -2
  162. package/dist/progressive-filter-chip/progressive-filter-chip2.js.map +1 -1
  163. package/dist/pulse/pulse2.js +1 -1
  164. package/dist/radio/radio-group2.js +1 -1
  165. package/dist/radio/radio2.js +1 -1
  166. package/dist/range/range.global.js.map +1 -1
  167. package/dist/range/range2.js +1 -1
  168. package/dist/resize-handle/resize-handle2.js +1 -1
  169. package/dist/search/search2.js +1 -1
  170. package/dist/select/select2.js +1 -1
  171. package/dist/skeleton/skeleton.d.ts +2 -2
  172. package/dist/skeleton/skeleton2.js +1 -1
  173. package/dist/skeleton/skeleton2.js.map +1 -1
  174. package/dist/sort-button/sort-button2.js +1 -1
  175. package/dist/sparkline/sparkline2.js +1 -1
  176. package/dist/star-rating/star-rating2.js +1 -1
  177. package/dist/steps/steps.js.map +1 -1
  178. package/dist/steps/steps2.js +4 -4
  179. package/dist/steps/steps2.js.map +1 -1
  180. package/dist/switch/switch-group2.js +1 -1
  181. package/dist/switch/switch2.js +1 -1
  182. package/dist/tabs/tabs-group2.js +1 -1
  183. package/dist/tabs/tabs-item.js.map +1 -1
  184. package/dist/tabs/tabs.global.js.map +1 -1
  185. package/dist/tabs/tabs.js.map +1 -1
  186. package/dist/tabs/tabs2.js +3 -3
  187. package/dist/tabs/tabs2.js.map +1 -1
  188. package/dist/tag/tag.js.map +1 -1
  189. package/dist/tag/tag2.js +1 -1
  190. package/dist/textarea/textarea2.js +1 -1
  191. package/dist/time/time2.js +1 -1
  192. package/dist/toast/toast.js +1 -1
  193. package/dist/toast/toast.js.map +1 -1
  194. package/dist/toast/toast2.js +1 -1
  195. package/dist/toggletip/toggletip-footer2.js +1 -1
  196. package/dist/toggletip/toggletip-header.js.map +1 -1
  197. package/dist/toggletip/toggletip-header2.js +1 -1
  198. package/dist/toggletip/toggletip.js.map +1 -1
  199. package/dist/toggletip/toggletip2.js +1 -1
  200. package/dist/toolbar/toolbar.js +1 -1
  201. package/dist/toolbar/toolbar.js.map +1 -1
  202. package/dist/toolbar/toolbar2.js +2 -2
  203. package/dist/toolbar/toolbar2.js.map +1 -1
  204. package/dist/tooltip/tooltip.js.map +1 -1
  205. package/dist/tooltip/tooltip2.js +1 -1
  206. package/dist/tree/tree-node.js +1 -1
  207. package/dist/tree/tree-node.js.map +1 -1
  208. package/dist/tree/tree-node2.js +1 -1
  209. package/dist/tree/tree2.js +1 -1
  210. package/dist/tree/utils.js.map +1 -1
  211. package/dist/week/week2.js +1 -1
  212. package/package.json +4 -4
@@ -1 +1 @@
1
- {"version":3,"file":"menu-item.js","names":[],"sources":["../../src/menu/menu-item.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n --border-radius: var(--nve-ref-border-radius-xs);\n --border-background: var(--nve-sys-accent-secondary-background);\n --font-size: var(--nve-ref-font-size-100);\n --font-weight: var(--nve-ref-font-weight-medium);\n --color: var(--nve-sys-interaction-color);\n --padding: var(--nve-ref-size-200);\n --gap: var(--nve-ref-space-sm);\n --width: 100%;\n --min-height: var(--nve-ref-size-800);\n --line-height: 0;\n --cursor: pointer;\n --text-transform: capitalize;\n --opacity: 1;\n contain: layout;\n content-visibility: auto;\n contain-intrinsic-size: auto var(--min-height, initial);\n}\n\n[internal-host] {\n --_icon-color: var(--color);\n padding: var(--padding);\n color: var(--color);\n font-size: var(--font-size);\n font-weight: var(--font-weight);\n border-radius: var(--border-radius);\n gap: var(--gap);\n width: var(--width);\n min-width: var(--min-width);\n min-height: var(--min-height);\n cursor: var(--cursor);\n text-transform: var(--text-transform);\n outline-offset: calc(-1 * var(--nve-ref-size-50));\n opacity: var(--opacity);\n position: relative;\n display: flex;\n align-items: center;\n white-space: nowrap;\n border: 0;\n text-align: left;\n}\n\n::slotted(nve-icon),\n::slotted(nve-icon) {\n --color: var(--_icon-color);\n}\n\n:host(:hover),\n:host(:state(selected)) {\n --color: var(--nve-sys-interaction-selected-color);\n}\n\n:host(:state(disabled)) [interaction-state] {\n --nve-sys-interaction-state-ratio: 0;\n}\n\n:host(:state(disabled)) {\n --opacity: var(--nve-ref-opacity-500);\n --cursor: not-allowed;\n}\n\n:host(:state(current)) {\n contain: none;\n content-visibility: initial;\n --color: var(--nve-sys-interaction-selected-color);\n}\n\n:host(:state(current)) [internal-host] {\n contain: none;\n}\n\n:host([status='danger']) {\n --nve-sys-interaction-state-base: var(--nve-sys-support-danger-muted-color);\n --nve-sys-interaction-selected-color: var(--nve-sys-support-danger-emphasis-color);\n --border-background: var(--nve-sys-support-danger-emphasis-color);\n --color: var(--nve-sys-support-danger-emphasis-color);\n}\n\n:host([status='danger']:hover) ::slotted(nve-icon) {\n --color: var(--nve-sys-support-danger-emphasis-color) !important;\n}\n\n:host(:state(current)) [internal-host]::after {\n width: var(--nve-ref-border-width-xl);\n border-radius: var(--border-radius);\n background: var(--border-background);\n content: '';\n display: block;\n position: absolute;\n top: var(--nve-ref-size-50);\n bottom: var(--nve-ref-size-50);\n left: calc(var(--nve-ref-size-200) * -1);\n}\n\n::slotted(nve-icon) {\n --color: inherit !important;\n}\n\n::slotted(a) {\n text-decoration: var(--text-decoration) !important;\n color: var(--color) !important;\n gap: var(--gap) !important;\n display: flex !important;\n align-items: center !important;\n outline: 0;\n}\n\n::slotted(a)::after {\n display: block;\n content: ' ';\n inset: 0;\n position: absolute;\n}\n\n::slotted(*:not(a, nve-icon)),\n::slotted(*:not(a, nve-icon)) {\n pointer-events: none;\n}\n\n::slotted(nve-divider),\n::slotted(nve-divider) {\n margin: 0 calc(-1 * var(--padding));\n}\n\n::slotted([slot='suffix']) {\n margin-inline-start: auto;\n}\n"],"mappings":""}
1
+ {"version":3,"file":"menu-item.js","names":[],"sources":["../../src/menu/menu-item.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n --border-radius: var(--nve-ref-border-radius-xs);\n --border-background: var(--nve-sys-accent-secondary-background);\n --font-size: var(--nve-ref-font-size-100);\n --font-weight: var(--nve-ref-font-weight-medium);\n --color: var(--nve-sys-interaction-color);\n --padding: var(--nve-ref-size-200);\n --gap: var(--nve-ref-space-sm);\n --width: 100%;\n --min-height: var(--nve-ref-size-800);\n --line-height: 0;\n --cursor: pointer;\n --text-transform: capitalize;\n --opacity: 1;\n contain: layout;\n content-visibility: auto;\n contain-intrinsic-size: auto var(--min-height, initial);\n}\n\n[internal-host] {\n --_icon-color: var(--color);\n padding: var(--padding);\n color: var(--color);\n font-size: var(--font-size);\n font-weight: var(--font-weight);\n border-radius: var(--border-radius);\n gap: var(--gap);\n width: var(--width);\n min-width: var(--min-width);\n min-height: var(--min-height);\n cursor: var(--cursor);\n text-transform: var(--text-transform);\n outline-offset: calc(-1 * var(--nve-ref-size-50));\n opacity: var(--opacity);\n position: relative;\n display: flex;\n align-items: center;\n white-space: nowrap;\n border: 0;\n text-align: left;\n}\n\n::slotted(nve-icon) {\n --color: var(--_icon-color);\n}\n\n:host(:hover),\n:host(:state(selected)) {\n --color: var(--nve-sys-interaction-selected-color);\n}\n\n:host(:state(disabled)) [interaction-state] {\n --nve-sys-interaction-state-ratio: 0;\n}\n\n:host(:state(disabled)) {\n --opacity: var(--nve-ref-opacity-500);\n --cursor: not-allowed;\n}\n\n:host(:state(current)) {\n contain: none;\n content-visibility: initial;\n --color: var(--nve-sys-interaction-selected-color);\n}\n\n:host(:state(current)) [internal-host] {\n contain: none;\n}\n\n:host([status='danger']) {\n --nve-sys-interaction-state-base: var(--nve-sys-support-danger-muted-color);\n --nve-sys-interaction-selected-color: var(--nve-sys-support-danger-emphasis-color);\n --border-background: var(--nve-sys-support-danger-emphasis-color);\n --color: var(--nve-sys-support-danger-emphasis-color);\n}\n\n:host([status='danger']:hover) ::slotted(nve-icon) {\n --color: var(--nve-sys-support-danger-emphasis-color) !important;\n}\n\n:host(:state(current)) [internal-host]::after {\n width: var(--nve-ref-border-width-xl);\n border-radius: var(--border-radius);\n background: var(--border-background);\n content: '';\n display: block;\n position: absolute;\n top: var(--nve-ref-size-50);\n bottom: var(--nve-ref-size-50);\n left: calc(var(--nve-ref-size-200) * -1);\n}\n\n::slotted(nve-icon) {\n --color: inherit !important;\n}\n\n::slotted(a) {\n text-decoration: var(--text-decoration) !important;\n color: var(--color) !important;\n gap: var(--gap) !important;\n display: flex !important;\n align-items: center !important;\n outline: 0;\n}\n\n::slotted(a)::after {\n display: block;\n content: ' ';\n inset: 0;\n position: absolute;\n}\n\n::slotted(*:not(a, nve-icon)) {\n pointer-events: none;\n}\n\n::slotted(nve-divider) {\n margin: 0 calc(-1 * var(--padding));\n}\n\n::slotted([slot='suffix']) {\n margin-inline-start: auto;\n}\n"],"mappings":""}
@@ -13,7 +13,7 @@ var s = class extends t {
13
13
  static {
14
14
  this.metadata = {
15
15
  tag: "nve-menu-item",
16
- version: "0.0.7",
16
+ version: "0.0.9",
17
17
  parents: ["nve-menu"]
18
18
  };
19
19
  }
@@ -1 +1 @@
1
- {"version":3,"file":"menu.global.js","names":[],"sources":["../../src/menu/menu.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-menu:has(nve-menu-item:state(current)),\nnve-menu:has(nve-menu-item:state(current)) {\n --padding: 0 0 0 var(--nve-ref-size-200);\n}\n\nnve-menu:has(nve-tooltip),\nnve-menu:has(nve-tooltip) nve-menu-item,\nnve-menu:has(nve-tooltip),\nnve-menu:has(nve-tooltip) nve-menu-item {\n content-visibility: initial;\n}\n"],"mappings":""}
1
+ {"version":3,"file":"menu.global.js","names":[],"sources":["../../src/menu/menu.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-menu:has(nve-menu-item:state(current)) {\n --padding: 0 0 0 var(--nve-ref-size-200);\n}\n\nnve-menu:has(nve-tooltip),\nnve-menu:has(nve-tooltip) nve-menu-item {\n content-visibility: initial;\n}\n"],"mappings":""}
@@ -16,7 +16,7 @@ var d = class extends c {
16
16
  static {
17
17
  this.metadata = {
18
18
  tag: "nve-menu",
19
- version: "0.0.7",
19
+ version: "0.0.9",
20
20
  children: ["nve-menu-item", "nve-divider"]
21
21
  };
22
22
  }
@@ -1 +1 @@
1
- {"version":3,"file":"menu2.js","names":["#scrollRAF","#handleScroll"],"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 { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport { useStyles, attachInternals, keyNavigationList, appendRootNodeStyle, audit } 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 * @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 /** @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() items!: MenuItem[];\n\n #scrollRAF: number | null = null;\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}\n"],"mappings":";;;;;;;;;;;AA4BO,IAAA,IAAA,cAAmB,EAAW;;gBACnB,EAAU,CAAC,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,iBAAiB,cAAA;GAC7B;;;4BAE2B,EAAE;;CAG9B,IAAI,mBAAqC;AACvC,SAAO;GACL,QAAQ;GACR,OAAO,KAAK;GACb;;CAQH,KAA4B;CAE5B,WAAsB;AAChB,QAAA,MAAoB,SACxB,MAAA,IAAkB,4BAA4B;AAC5C,SAAA,IAAkB;GAClB,IAAM,IAAY,KAAK,YAAY,cAA2B,kBAAkB;AAChF,OAAI,CAAC,EAAW;GAChB,IAAM,EAAE,cAAW,iBAAc,oBAAiB;AAClD,QAAK,cACH,IAAI,YAAY,UAAU;IACxB,SAAS;IACT,UAAU;IACV,QAAQ;KAAE;KAAW;KAAc;;IACpC,CAAC,CACH;IACD;;CAGJ,SAAS;AACP,SAAO,CAAI;;CAOb,MAAM,eAAe;AAEnB,EADA,MAAM,KAAK,gBACX,KAAK,YACD,cAAc,kBAAkB,EAChC,iBAAiB,UAAU,MAAA,GAAoB,EAAE,SAAS,IAAM,CAAC;;CAGvE,oBAAoB;AAIlB,EAHA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO,QACvB,EAAoB,MAAM,EAAa;;;GAxCxC,GAAuB,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,SAxBzB,GAAO,EACP,GAAyB,CAAA,EAAA,EAAA"}
1
+ {"version":3,"file":"menu2.js","names":["#scrollRAF","#handleScroll"],"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 { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { 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 * @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 /** @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() items!: MenuItem[];\n\n #scrollRAF: number | null = null;\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}\n"],"mappings":";;;;;;;;;;;AAkCO,IAAA,IAAA,cAAmB,EAAW;;gBACnB,EAAU,CAAC,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,iBAAiB,cAAA;GAC7B;;;4BAE2B,EAAE;;CAG9B,IAAI,mBAAqC;AACvC,SAAO;GACL,QAAQ;GACR,OAAO,KAAK;GACb;;CAQH,KAA4B;CAE5B,WAAsB;AAChB,QAAA,MAAoB,SACxB,MAAA,IAAkB,4BAA4B;AAC5C,SAAA,IAAkB;GAClB,IAAM,IAAY,KAAK,YAAY,cAA2B,kBAAkB;AAChF,OAAI,CAAC,EAAW;GAChB,IAAM,EAAE,cAAW,iBAAc,oBAAiB;AAClD,QAAK,cACH,IAAI,YAAY,UAAU;IACxB,SAAS;IACT,UAAU;IACV,QAAQ;KAAE;KAAW;KAAc;;IACpC,CAAC,CACH;IACD;;CAGJ,SAAS;AACP,SAAO,CAAI;;CAOb,MAAM,eAAe;AAEnB,EADA,MAAM,KAAK,gBACX,KAAK,YACD,cAAc,kBAAkB,EAChC,iBAAiB,UAAU,MAAA,GAAoB,EAAE,SAAS,IAAM,CAAC;;CAGvE,oBAAoB;AAIlB,EAHA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO,QACvB,EAAoB,MAAM,EAAa;;;GAxCxC,GAAuB,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,SAxBzB,GAAO,EACP,GAAyB,CAAA,EAAA,EAAA"}
@@ -19,7 +19,7 @@ var l = class extends r {
19
19
  static {
20
20
  this.metadata = {
21
21
  tag: "nve-month",
22
- version: "0.0.7"
22
+ version: "0.0.9"
23
23
  };
24
24
  }
25
25
  static {
@@ -20,7 +20,7 @@ var l = class extends o {
20
20
  static {
21
21
  this.metadata = {
22
22
  tag: "nve-notification-group",
23
- version: "0.0.7",
23
+ version: "0.0.9",
24
24
  children: ["nve-notification"]
25
25
  };
26
26
  }
@@ -1 +1 @@
1
- {"version":3,"file":"notification.js","names":[],"sources":["../../src/notification/notification.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n --nve-sys-layer-popover-arrow-padding: 0px;\n --nve-sys-layer-popover-arrow-offset: 0px;\n --nve-sys-layer-popover-offset: var(--nve-ref-space-xl);\n --nve-sys-interaction-color: var(--color);\n --nve-sys-interaction-hover-color: var(--color);\n --border-radius: var(--nve-ref-border-radius-md);\n --status-color: var(--nve-sys-support-color);\n --background: var(--nve-sys-layer-popover-background);\n --color: var(--nve-sys-layer-popover-color);\n --padding: var(--nve-ref-size-500) var(--nve-ref-size-900);\n --box-shadow: var(--nve-ref-shadow-400);\n --gap: var(--nve-ref-space-md);\n --min-width: 320px;\n --width: fit-content;\n --max-width: fit-content;\n --border: 0;\n --status-border: 6px solid var(--status-color);\n width: var(--width);\n}\n\n[internal-host] {\n box-shadow: var(--box-shadow);\n padding: var(--padding);\n border-radius: var(--border-radius);\n background: var(--background);\n color: var(--color);\n gap: var(--gap);\n border: var(--border);\n border-inline-start: var(--status-border);\n min-width: var(--min-width);\n max-width: var(--max-width);\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n[internal-host]:has(nve-icon-button) {\n padding-inline-end: var(--nve-ref-size-1000);\n}\n\nnve-icon-button {\n position: absolute;\n inset-block-start: var(--nve-ref-size-150);\n inset-inline-end: var(--nve-ref-size-150);\n}\n\nnve-icon-button::part(icon) {\n --color: var(--nve-sys-layer-popover-color) !important;\n}\n\n[part='status-icon'],\n::slotted([slot='icon']) {\n position: absolute;\n inset-block-start: var(--nve-ref-size-400);\n inset-inline-start: var(--nve-ref-size-300);\n --color: var(--status-color);\n}\n\n::slotted([nve-text]),\n::slotted([nve-text]) {\n color: inherit !important;\n}\n\n:host([container='flat']) {\n --max-width: 100%;\n --width: 100%;\n --border-radius: 0;\n --box-shadow: none;\n --border: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n --background: var(--nve-sys-layer-overlay-accent-background);\n --color: var(--nve-sys-layer-overlay-color);\n position: relative;\n margin: 0;\n}\n\n:host([container='flat']) nve-icon-button::part(icon) {\n --color: var(--nve-sys-layer-overlay-color) !important;\n}\n\n:host([container='flat']) .popover {\n border-block-end: var(--border);\n}\n\n:host([status='accent']) {\n --status-color: var(--nve-sys-support-accent-color);\n}\n\n:host([status='success']) {\n --status-color: var(--nve-sys-support-success-color);\n}\n\n:host([status='warning']) {\n --status-color: color-mix(in oklab, var(--nve-sys-support-warning-color) 90%, var(--nve-sys-contrast-mute-color));\n}\n\n:host([status='danger']) {\n --status-color: var(--nve-sys-support-danger-color);\n}\n"],"mappings":""}
1
+ {"version":3,"file":"notification.js","names":[],"sources":["../../src/notification/notification.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n --nve-sys-layer-popover-arrow-padding: 0px;\n --nve-sys-layer-popover-arrow-offset: 0px;\n --nve-sys-layer-popover-offset: var(--nve-ref-space-xl);\n --nve-sys-interaction-color: var(--color);\n --nve-sys-interaction-hover-color: var(--color);\n --border-radius: var(--nve-ref-border-radius-md);\n --status-color: var(--nve-sys-support-color);\n --background: var(--nve-sys-layer-popover-background);\n --color: var(--nve-sys-layer-popover-color);\n --padding: var(--nve-ref-size-500) var(--nve-ref-size-900);\n --box-shadow: var(--nve-ref-shadow-400);\n --gap: var(--nve-ref-space-md);\n --min-width: 320px;\n --width: fit-content;\n --max-width: fit-content;\n --border: 0;\n --status-border: 6px solid var(--status-color);\n width: var(--width);\n}\n\n[internal-host] {\n box-shadow: var(--box-shadow);\n padding: var(--padding);\n border-radius: var(--border-radius);\n background: var(--background);\n color: var(--color);\n gap: var(--gap);\n border: var(--border);\n border-inline-start: var(--status-border);\n min-width: var(--min-width);\n max-width: var(--max-width);\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n[internal-host]:has(nve-icon-button) {\n padding-inline-end: var(--nve-ref-size-1000);\n}\n\nnve-icon-button {\n position: absolute;\n inset-block-start: var(--nve-ref-size-150);\n inset-inline-end: var(--nve-ref-size-150);\n}\n\nnve-icon-button::part(icon) {\n --color: var(--nve-sys-layer-popover-color) !important;\n}\n\n[part='status-icon'],\n::slotted([slot='icon']) {\n position: absolute;\n inset-block-start: var(--nve-ref-size-400);\n inset-inline-start: var(--nve-ref-size-300);\n --color: var(--status-color);\n}\n\n::slotted([nve-text]) {\n color: inherit !important;\n}\n\n:host([container='flat']) {\n --max-width: 100%;\n --width: 100%;\n --border-radius: 0;\n --box-shadow: none;\n --border: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n --background: var(--nve-sys-layer-overlay-accent-background);\n --color: var(--nve-sys-layer-overlay-color);\n position: relative;\n margin: 0;\n}\n\n:host([container='flat']) nve-icon-button::part(icon) {\n --color: var(--nve-sys-layer-overlay-color) !important;\n}\n\n:host([container='flat']) .popover {\n border-block-end: var(--border);\n}\n\n:host([status='accent']) {\n --status-color: var(--nve-sys-support-accent-color);\n}\n\n:host([status='success']) {\n --status-color: var(--nve-sys-support-success-color);\n}\n\n:host([status='warning']) {\n --status-color: color-mix(in oklab, var(--nve-sys-support-warning-color) 90%, var(--nve-sys-contrast-mute-color));\n}\n\n:host([status='danger']) {\n --status-color: var(--nve-sys-support-danger-color);\n}\n"],"mappings":""}
@@ -32,7 +32,7 @@ var m = class extends d {
32
32
  static {
33
33
  this.metadata = {
34
34
  tag: "nve-notification",
35
- version: "0.0.7"
35
+ version: "0.0.9"
36
36
  };
37
37
  }
38
38
  static {
@@ -1 +1 @@
1
- {"version":3,"file":"page-panel-content.js","names":[],"sources":["../../../src/page/page-panel/page-panel-content.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n --gap: var(--nve-ref-space-sm);\n width: 100%;\n height: 100%;\n flex: 1;\n justify-content: stretch;\n flex-direction: column;\n display: flex;\n overflow: auto;\n gap: var(--gap);\n contain: none;\n scrollbar-color: var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);\n scrollbar-width: var(--nve-sys-scrollbar-width);\n}\n\n[internal-host] {\n background: var(--background);\n padding: var(--padding);\n height: 100%;\n width: 100%;\n flex: 1;\n}\n\n::slotted(nve-menu),\n::slotted(nve-menu) {\n --width: 100%;\n}\n"],"mappings":""}
1
+ {"version":3,"file":"page-panel-content.js","names":[],"sources":["../../../src/page/page-panel/page-panel-content.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n --gap: var(--nve-ref-space-sm);\n width: 100%;\n height: 100%;\n flex: 1;\n justify-content: stretch;\n flex-direction: column;\n display: flex;\n overflow: auto;\n gap: var(--gap);\n contain: none;\n scrollbar-color: var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);\n scrollbar-width: var(--nve-sys-scrollbar-width);\n}\n\n[internal-host] {\n background: var(--background);\n padding: var(--padding);\n height: 100%;\n width: 100%;\n flex: 1;\n}\n\n::slotted(nve-menu) {\n --width: 100%;\n}\n"],"mappings":""}
@@ -9,7 +9,7 @@ var i = class extends n {
9
9
  static {
10
10
  this.metadata = {
11
11
  tag: "nve-page-panel-content",
12
- version: "0.0.7"
12
+ version: "0.0.9"
13
13
  };
14
14
  }
15
15
  render() {
@@ -14,7 +14,7 @@ var o = class extends i {
14
14
  static {
15
15
  this.metadata = {
16
16
  tag: "nve-page-panel-footer",
17
- version: "0.0.7"
17
+ version: "0.0.9"
18
18
  };
19
19
  }
20
20
  render() {
@@ -14,7 +14,7 @@ var o = class extends i {
14
14
  static {
15
15
  this.metadata = {
16
16
  tag: "nve-page-panel-header",
17
- version: "0.0.7"
17
+ version: "0.0.9"
18
18
  };
19
19
  }
20
20
  render() {
@@ -23,7 +23,7 @@ var h = class extends d {
23
23
  static {
24
24
  this.metadata = {
25
25
  tag: "nve-page-panel",
26
- version: "0.0.7",
26
+ version: "0.0.9",
27
27
  parents: ["nve-page"]
28
28
  };
29
29
  }
@@ -16,7 +16,7 @@ var c = class extends a {
16
16
  static {
17
17
  this.metadata = {
18
18
  tag: "nve-page",
19
- version: "0.0.7"
19
+ version: "0.0.9"
20
20
  };
21
21
  }
22
22
  static {
@@ -10,7 +10,7 @@ var a = class extends r {
10
10
  static {
11
11
  this.metadata = {
12
12
  tag: "nve-page-header",
13
- version: "0.0.7"
13
+ version: "0.0.9"
14
14
  };
15
15
  }
16
16
  render() {
@@ -18,7 +18,7 @@ var u = class extends s {
18
18
  static {
19
19
  this.metadata = {
20
20
  tag: "nve-page-loader",
21
- version: "0.0.7"
21
+ version: "0.0.9"
22
22
  };
23
23
  }
24
24
  static {
@@ -21,7 +21,7 @@ var g = class extends h(d) {
21
21
  static {
22
22
  this.metadata = {
23
23
  tag: "nve-pagination",
24
- version: "0.0.7",
24
+ version: "0.0.9",
25
25
  valueSchema: { type: "number" }
26
26
  };
27
27
  }
@@ -1 +1 @@
1
- {"version":3,"file":"panel-content.js","names":[],"sources":["../../src/panel/panel-content.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n padding: var(--padding);\n color: var(--color);\n flex-grow: 1;\n width: 100%;\n contain: none;\n}\n\n::slotted(nve-menu),\n::slotted(nve-menu) {\n --width: 100%;\n}\n"],"mappings":""}
1
+ {"version":3,"file":"panel-content.js","names":[],"sources":["../../src/panel/panel-content.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n padding: var(--padding);\n color: var(--color);\n flex-grow: 1;\n width: 100%;\n contain: none;\n}\n\n::slotted(nve-menu) {\n --width: 100%;\n}\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"panel-footer.js","names":[],"sources":["../../src/panel/panel-footer.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n --border-top: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n --gap: var(--nve-ref-space-sm);\n}\n\nfooter[internal-host] {\n padding: var(--padding);\n border-top: var(--border-top);\n color: var(--color);\n display: flex;\n place-items: flex-start;\n gap: var(--gap);\n\n ::slotted(nve-button),\n ::slotted(nve-button) {\n flex-grow: 1;\n }\n}\n"],"mappings":""}
1
+ {"version":3,"file":"panel-footer.js","names":[],"sources":["../../src/panel/panel-footer.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n --border-top: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n --gap: var(--nve-ref-space-sm);\n}\n\nfooter[internal-host] {\n padding: var(--padding);\n border-top: var(--border-top);\n color: var(--color);\n display: flex;\n place-items: flex-start;\n gap: var(--gap);\n\n ::slotted(nve-button) {\n flex-grow: 1;\n }\n}\n"],"mappings":""}
@@ -21,7 +21,7 @@ var g = class extends f {
21
21
  static {
22
22
  this.metadata = {
23
23
  tag: "nve-panel-header",
24
- version: "0.0.7"
24
+ version: "0.0.9"
25
25
  };
26
26
  }
27
27
  render() {
@@ -37,7 +37,7 @@ var g = class extends f {
37
37
  static {
38
38
  this.metadata = {
39
39
  tag: "nve-panel-content",
40
- version: "0.0.7"
40
+ version: "0.0.9"
41
41
  };
42
42
  }
43
43
  render() {
@@ -50,7 +50,7 @@ var g = class extends f {
50
50
  static {
51
51
  this.metadata = {
52
52
  tag: "nve-panel-footer",
53
- version: "0.0.7"
53
+ version: "0.0.9"
54
54
  };
55
55
  }
56
56
  render() {
@@ -69,7 +69,7 @@ var g = class extends f {
69
69
  static {
70
70
  this.metadata = {
71
71
  tag: "nve-panel",
72
- version: "0.0.7"
72
+ version: "0.0.9"
73
73
  };
74
74
  }
75
75
  static {
@@ -23,7 +23,7 @@ var u = class extends r {
23
23
  static {
24
24
  this.metadata = {
25
25
  tag: "nve-password",
26
- version: "0.0.7"
26
+ version: "0.0.9"
27
27
  };
28
28
  }
29
29
  static {
@@ -3,7 +3,8 @@ import "element-internals-polyfill";
3
3
  import "formdata-polyfill";
4
4
  //#region src/polyfills/index.ts
5
5
  Element.prototype.toggleAttribute || (Element.prototype.toggleAttribute = function(e, t) {
6
- return t !== void 0 && (t = !!t), this.hasAttribute(e) ? t ? !0 : (this.removeAttribute(e), !1) : t === !1 ? !1 : (this.setAttribute(e, ""), !0);
6
+ let n = t === void 0 ? void 0 : !!t;
7
+ return this.hasAttribute(e) ? n ? !0 : (this.removeAttribute(e), !1) : n === !1 ? !1 : (this.setAttribute(e, ""), !0);
7
8
  });
8
9
  //#endregion
9
10
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../src/polyfills/index.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * - Vitest (happy-dom/js-dom)\n * - Safari\n *\n * Used for Custom Elements Form/A11y APIs\n * https://github.com/whatwg/html/pull/8467\n * https://bugs.webkit.org/show_bug.cgi?id=215911\n * https://bugzilla.mozilla.org/show_bug.cgi?id=1588763\n */\nimport 'construct-style-sheets-polyfill';\nimport 'element-internals-polyfill';\nimport 'formdata-polyfill';\nimport './custom-state-set.js';\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/API/Element/toggleAttribute\n * - Vitest (happy-dom/js-dom)\n * - Safari\n *\n * Used in element-internals-polyfill\n */\nif (!Element.prototype.toggleAttribute) {\n Element.prototype.toggleAttribute = function (name, force) {\n if (force !== void 0) {\n force = !!force;\n }\n\n if (this.hasAttribute(name)) {\n if (force) {\n return true;\n }\n\n this.removeAttribute(name);\n return false;\n }\n if (force === false) {\n return false;\n }\n\n this.setAttribute(name, '');\n return true;\n };\n}\n"],"mappings":";;;;AAwBK,QAAQ,UAAU,oBACrB,QAAQ,UAAU,kBAAkB,SAAU,GAAM,GAAO;AAkBzD,QAjBI,MAAU,KAAK,MACjB,IAAQ,CAAC,CAAC,IAGR,KAAK,aAAa,EAAK,GACrB,IACK,MAGT,KAAK,gBAAgB,EAAK,EACnB,MAEL,MAAU,KACL,MAGT,KAAK,aAAa,GAAM,GAAG,EACpB"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../src/polyfills/index.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * - Vitest (happy-dom/js-dom)\n * - Safari\n *\n * Used for Custom Elements Form/A11y APIs\n * https://github.com/whatwg/html/pull/8467\n * https://bugs.webkit.org/show_bug.cgi?id=215911\n * https://bugzilla.mozilla.org/show_bug.cgi?id=1588763\n */\nimport 'construct-style-sheets-polyfill';\nimport 'element-internals-polyfill';\nimport 'formdata-polyfill';\nimport './custom-state-set.js';\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/API/Element/toggleAttribute\n * - Vitest (happy-dom/js-dom)\n * - Safari\n *\n * Used in element-internals-polyfill\n */\nif (!Element.prototype.toggleAttribute) {\n Element.prototype.toggleAttribute = function (name, force) {\n const forceBool = force !== void 0 ? !!force : undefined;\n\n if (this.hasAttribute(name)) {\n if (forceBool) {\n return true;\n }\n\n this.removeAttribute(name);\n return false;\n }\n if (forceBool === false) {\n return false;\n }\n\n this.setAttribute(name, '');\n return true;\n };\n}\n"],"mappings":";;;;AAwBK,QAAQ,UAAU,oBACrB,QAAQ,UAAU,kBAAkB,SAAU,GAAM,GAAO;CACzD,IAAM,IAAY,MAAU,KAAK,IAAc,KAAA,IAAV,CAAC,CAAC;AAevC,QAbI,KAAK,aAAa,EAAK,GACrB,IACK,MAGT,KAAK,gBAAgB,EAAK,EACnB,MAEL,MAAc,KACT,MAGT,KAAK,aAAa,GAAM,GAAG,EACpB"}
@@ -43,7 +43,7 @@ var x = class extends g(d) {
43
43
  static {
44
44
  this.metadata = {
45
45
  tag: "nve-preferences-input",
46
- version: "0.0.7",
46
+ version: "0.0.9",
47
47
  valueSchema: {
48
48
  type: "object",
49
49
  properties: {
@@ -1 +1 @@
1
- {"version":3,"file":"preferences-input2.js","names":["#setColorScheme","#setScale","#setReducedMotion","#i18nController","#updatePreferences","#update"],"sources":["../../src/preferences-input/preferences-input.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, isServer, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { I18nController, scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport { state } from 'lit/decorators/state.js';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixin';\nimport { type IconName, Icon } from '@nvidia-elements/core/icon';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { Divider } from '@nvidia-elements/core/divider';\nimport { Menu, MenuItem } from '@nvidia-elements/core/menu';\nimport { Switch } from '@nvidia-elements/core/switch';\nimport styles from './preferences-input.css?inline';\n\nexport type ColorScheme = 'auto' | 'light' | 'dark' | 'high-contrast';\nexport type Scale = 'default' | 'compact' | 'relaxed';\nexport type Variant = 'reduced-motion';\n\nconst colorSchemes: ColorScheme[] = ['auto', 'light', 'dark', 'high-contrast'];\nconst scales: Scale[] = ['default', 'compact'];\nconst colorSchemesIcons = {\n auto: 'computer',\n light: 'sun',\n dark: 'moon',\n 'high-contrast': 'circle-half'\n} satisfies Record<ColorScheme, IconName>;\n\nfunction getActivePreferences(element = globalThis.document.documentElement) {\n const computedStyle = getComputedStyle(element);\n\n return {\n light: computedStyle.getPropertyValue('--nve-config-color-scheme-light') === 'true',\n dark: computedStyle.getPropertyValue('--nve-config-color-scheme-dark') === 'true',\n 'high-contrast': computedStyle.getPropertyValue('--nve-config-color-scheme-high-contrast') === 'true',\n compact: computedStyle.getPropertyValue('--nve-config-scale-compact') === 'true',\n 'reduced-motion': computedStyle.getPropertyValue('--nve-config-reduced-motion') === 'true'\n } satisfies Partial<Record<ColorScheme | Scale | Variant, boolean>>;\n}\n\nexport interface PreferencesInputValue {\n 'color-scheme'?: ColorScheme | string;\n scale?: Scale | string;\n 'reduced-motion'?: boolean;\n}\n\n/**\n * @element nve-preferences-input\n * @description A preferences input is a widget for controlling apperance. Stylesheets register to the preferences input by including a css-property, see Standard for an example.\n * @since 1.23.7\n * @entrypoint \\@nvidia-elements/core/preferences-input\n * @event input - Dispatched when the value has changed\n * @event change - Dispatched when the value has changed\n * @cssprop --color\n * @cssprop --width\n * @csspart control - The control wrapper elements that contain the labels and menus\n * @csspart menu - The menu elements that display color scheme and scale options\n * @csspart menu-item - The individual menu item elements for each selectable option\n * @csspart icon - The icon element displayed next to color scheme options\n * @csspart divider - The divider elements that separate preference sections\n * @csspart switch - The switch element for the reduced motion toggle\n *\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/listbox/\n *\n */\n@scopedRegistry()\nexport class PreferencesInput extends FormControlMixin<typeof LitElement, PreferencesInputValue>(LitElement) {\n #i18nController: I18nController<this> = new I18nController<this>(this);\n\n /**\n * Enables updating internal string values for internationalization.\n */\n @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n static styles = useStyles([styles]);\n\n static readonly metadata = {\n tag: 'nve-preferences-input',\n version: '0.0.0',\n valueSchema: {\n type: 'object' as const,\n properties: {\n 'color-scheme': { type: 'string' as const },\n scale: { type: 'string' as const },\n 'reduced-motion': { type: 'boolean' as const }\n }\n }\n };\n\n static elementDefinitions = {\n [Control.metadata.tag]: Control,\n [Divider.metadata.tag]: Divider,\n [Icon.metadata.tag]: Icon,\n [Menu.metadata.tag]: Menu,\n [MenuItem.metadata.tag]: MenuItem,\n [Switch.metadata.tag]: Switch\n };\n\n @state() private activePreferences: ReturnType<typeof getActivePreferences> = {\n light: false,\n dark: false,\n 'high-contrast': false,\n compact: false,\n 'reduced-motion': false\n };\n\n render() {\n return html`\n <div internal-host>\n <nve-control part=\"control\">\n <label>${this.i18n.colorScheme}</label>\n <nve-menu part=\"menu\" nve-control>\n ${colorSchemes.map(\n value => html`\n <nve-menu-item part=\"menu-item\"\n .selected=${this.value?.['color-scheme'] === value}\n .value=${value}\n @click=${() => this.#setColorScheme(value)}\n >\n <nve-icon part=\"icon\" name=${colorSchemesIcons[value]}></nve-icon> ${value}\n </nve-menu-item>\n `\n )}\n </nve-menu>\n </nve-control>\n ${\n this.activePreferences['compact']\n ? html`\n <nve-divider part=\"divider\"></nve-divider>\n <nve-control part=\"control\">\n <label>${this.i18n.scale}</label>\n <nve-menu part=\"menu\" nve-control>\n ${scales.map(\n value => html`\n <nve-menu-item part=\"menu-item\"\n .selected=${this.value?.['scale'] === value}\n .value=${value}\n @click=${() => this.#setScale(value)}\n >\n ${value}\n </nve-menu-item>\n `\n )}\n </nve-menu>\n </nve-control>\n `\n : ''\n }\n ${\n this.activePreferences['reduced-motion']\n ? html`\n <nve-divider part=\"divider\"></nve-divider>\n <nve-switch part=\"switch\">\n <label>${this.i18n.reducedMotion}</label>\n <input\n type=\"checkbox\"\n value=\"reduced-motion\"\n .checked=${this.value?.['reduced-motion']}\n @change=${(e: { target: HTMLInputElement }) => this.#setReducedMotion(e.target.checked)}\n />\n </nve-switch>`\n : ''\n }\n </div>\n `;\n }\n\n constructor() {\n super();\n this.value = {\n 'color-scheme': 'auto',\n 'reduced-motion': false,\n scale: 'default'\n };\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('nve-control', '');\n this.#updatePreferences();\n }\n\n /** @private */\n updateValue(value: PreferencesInputValue) {\n super.updateValue({ ...this.value, ...value });\n this.#updatePreferences();\n }\n\n #updatePreferences() {\n if (!isServer) {\n const preferences = getActivePreferences();\n if (JSON.stringify(this.activePreferences) !== JSON.stringify(preferences)) {\n this.activePreferences = preferences;\n }\n }\n }\n\n #setColorScheme(value: ColorScheme) {\n this.value = { ...this.value, 'color-scheme': value };\n this.#update();\n }\n\n #setScale(value: Scale) {\n this.value = { ...this.value, scale: value };\n this.#update();\n }\n\n #setReducedMotion(value: boolean) {\n this.value = { ...this.value, 'reduced-motion': value };\n this.#update();\n }\n\n #update() {\n this.dispatchInputEvent();\n this.dispatchChangeEvent();\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"preferences-input2.js","names":["#setColorScheme","#setScale","#setReducedMotion","#i18nController","#updatePreferences","#update"],"sources":["../../src/preferences-input/preferences-input.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, isServer, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { I18nController, scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport { state } from 'lit/decorators/state.js';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixin';\nimport { type IconName, Icon } from '@nvidia-elements/core/icon';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { Divider } from '@nvidia-elements/core/divider';\nimport { Menu, MenuItem } from '@nvidia-elements/core/menu';\nimport { Switch } from '@nvidia-elements/core/switch';\nimport styles from './preferences-input.css?inline';\n\nexport type ColorScheme = 'auto' | 'light' | 'dark' | 'high-contrast';\nexport type Scale = 'default' | 'compact' | 'relaxed';\nexport type Variant = 'reduced-motion';\n\nconst colorSchemes: ColorScheme[] = ['auto', 'light', 'dark', 'high-contrast'];\nconst scales: Scale[] = ['default', 'compact'];\nconst colorSchemesIcons = {\n auto: 'computer',\n light: 'sun',\n dark: 'moon',\n 'high-contrast': 'circle-half'\n} satisfies Record<ColorScheme, IconName>;\n\nfunction getActivePreferences(element = globalThis.document.documentElement) {\n const computedStyle = getComputedStyle(element);\n\n return {\n light: computedStyle.getPropertyValue('--nve-config-color-scheme-light') === 'true',\n dark: computedStyle.getPropertyValue('--nve-config-color-scheme-dark') === 'true',\n 'high-contrast': computedStyle.getPropertyValue('--nve-config-color-scheme-high-contrast') === 'true',\n compact: computedStyle.getPropertyValue('--nve-config-scale-compact') === 'true',\n 'reduced-motion': computedStyle.getPropertyValue('--nve-config-reduced-motion') === 'true'\n } satisfies Partial<Record<ColorScheme | Scale | Variant, boolean>>;\n}\n\nexport interface PreferencesInputValue {\n 'color-scheme'?: ColorScheme | string;\n scale?: Scale | string;\n 'reduced-motion'?: boolean;\n}\n\n/**\n * @element nve-preferences-input\n * @description A preferences input is a widget for controlling apperance. Stylesheets register to the preferences input by including a css-property, see Standard for an example.\n * @since 1.23.7\n * @entrypoint \\@nvidia-elements/core/preferences-input\n * @event input - Dispatched when the value has changed\n * @event change - Dispatched when the value has changed\n * @cssprop --color\n * @cssprop --width\n * @csspart control - The control wrapper elements that contain the labels and menus\n * @csspart menu - The menu elements that display color scheme and scale options\n * @csspart menu-item - The individual menu item elements for each selectable option\n * @csspart icon - The icon element displayed next to color scheme options\n * @csspart divider - The divider elements that separate preference sections\n * @csspart switch - The switch element for the reduced motion toggle\n *\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/listbox/\n *\n */\n@scopedRegistry()\nexport class PreferencesInput extends FormControlMixin<typeof LitElement, PreferencesInputValue>(LitElement) {\n #i18nController: I18nController<this> = new I18nController<this>(this);\n\n /**\n * Enables updating internal string values for internationalization.\n */\n @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n static styles = useStyles([styles]);\n\n static readonly metadata = {\n tag: 'nve-preferences-input',\n version: '0.0.0',\n valueSchema: {\n type: 'object' as const,\n properties: {\n 'color-scheme': { type: 'string' as const },\n scale: { type: 'string' as const },\n 'reduced-motion': { type: 'boolean' as const }\n }\n }\n };\n\n static elementDefinitions = {\n [Control.metadata.tag]: Control,\n [Divider.metadata.tag]: Divider,\n [Icon.metadata.tag]: Icon,\n [Menu.metadata.tag]: Menu,\n [MenuItem.metadata.tag]: MenuItem,\n [Switch.metadata.tag]: Switch\n };\n\n @state() private activePreferences: ReturnType<typeof getActivePreferences> = {\n light: false,\n dark: false,\n 'high-contrast': false,\n compact: false,\n 'reduced-motion': false\n };\n\n // eslint-disable-next-line max-lines-per-function\n render() {\n return html`\n <div internal-host>\n <nve-control part=\"control\">\n <label>${this.i18n.colorScheme}</label>\n <nve-menu part=\"menu\" nve-control>\n ${colorSchemes.map(\n value => html`\n <nve-menu-item part=\"menu-item\"\n .selected=${this.value?.['color-scheme'] === value}\n .value=${value}\n @click=${() => this.#setColorScheme(value)}\n >\n <nve-icon part=\"icon\" name=${colorSchemesIcons[value]}></nve-icon> ${value}\n </nve-menu-item>\n `\n )}\n </nve-menu>\n </nve-control>\n ${\n this.activePreferences['compact']\n ? html`\n <nve-divider part=\"divider\"></nve-divider>\n <nve-control part=\"control\">\n <label>${this.i18n.scale}</label>\n <nve-menu part=\"menu\" nve-control>\n ${scales.map(\n value => html`\n <nve-menu-item part=\"menu-item\"\n .selected=${this.value?.['scale'] === value}\n .value=${value}\n @click=${() => this.#setScale(value)}\n >\n ${value}\n </nve-menu-item>\n `\n )}\n </nve-menu>\n </nve-control>\n `\n : ''\n }\n ${\n this.activePreferences['reduced-motion']\n ? html`\n <nve-divider part=\"divider\"></nve-divider>\n <nve-switch part=\"switch\">\n <label>${this.i18n.reducedMotion}</label>\n <input\n type=\"checkbox\"\n value=\"reduced-motion\"\n .checked=${this.value?.['reduced-motion']}\n @change=${(e: { target: HTMLInputElement }) => this.#setReducedMotion(e.target.checked)}\n />\n </nve-switch>`\n : ''\n }\n </div>\n `;\n }\n\n constructor() {\n super();\n this.value = {\n 'color-scheme': 'auto',\n 'reduced-motion': false,\n scale: 'default'\n };\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('nve-control', '');\n this.#updatePreferences();\n }\n\n /** @private */\n updateValue(value: PreferencesInputValue) {\n super.updateValue({ ...this.value, ...value });\n this.#updatePreferences();\n }\n\n #updatePreferences() {\n if (!isServer) {\n const preferences = getActivePreferences();\n if (JSON.stringify(this.activePreferences) !== JSON.stringify(preferences)) {\n this.activePreferences = preferences;\n }\n }\n }\n\n #setColorScheme(value: ColorScheme) {\n this.value = { ...this.value, 'color-scheme': value };\n this.#update();\n }\n\n #setScale(value: Scale) {\n this.value = { ...this.value, scale: value };\n this.#update();\n }\n\n #setReducedMotion(value: boolean) {\n this.value = { ...this.value, 'reduced-motion': value };\n this.#update();\n }\n\n #update() {\n this.dispatchInputEvent();\n this.dispatchChangeEvent();\n }\n}\n"],"mappings":"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"}
@@ -16,7 +16,7 @@ var c = class extends i {
16
16
  static {
17
17
  this.metadata = {
18
18
  tag: "nve-progress-bar",
19
- version: "0.0.7"
19
+ version: "0.0.9"
20
20
  };
21
21
  }
22
22
  render() {
@@ -1 +1 @@
1
- {"version":3,"file":"progress-ring.js","names":[],"sources":["../../src/progress-ring/progress-ring.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n --background-color: var(--nve-sys-interaction-background);\n --ring-color: var(--nve-sys-accent-secondary-background);\n --ring-background-opacity: 1;\n --ring-width: 2px;\n --width: var(--nve-ref-size-800);\n --height: var(--nve-ref-size-800);\n --animation-duration: calc(var(--nve-ref-animation-duration-400) * 2.5);\n\n width: var(--width);\n height: var(--height);\n container-type: size;\n}\n\n:host([size='xxs']) {\n --ring-width: 3px;\n --width: var(--nve-ref-size-300);\n --height: var(--nve-ref-size-300);\n}\n\n:host([size='xs']) {\n --ring-width: 3px;\n --width: var(--nve-ref-size-400);\n --height: var(--nve-ref-size-400);\n}\n\n:host([size='sm']) {\n --ring-width: 2.5px;\n --width: var(--nve-ref-size-600);\n --height: var(--nve-ref-size-600);\n}\n\n:host([size='lg']) {\n --width: var(--nve-ref-size-1000);\n --height: var(--nve-ref-size-1000);\n}\n\n:host([size='xl']) {\n --ring-width: 1px;\n --width: calc(2 * var(--nve-ref-space-xxxl));\n --height: calc(2 * var(--nve-ref-space-xxxl));\n}\n\n[internal-host] {\n display: flex;\n place-items: center;\n place-content: center;\n height: 100%;\n}\n\nsvg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\ncircle.background {\n fill: var(--background-color);\n opacity: var(--ring-background-opacity);\n stroke: none;\n}\n\ncircle.ring {\n fill: none;\n stroke: var(--ring-color);\n stroke-width: var(--ring-width);\n stroke-linecap: round;\n transform-origin: 50% 50%;\n transform: rotate(-90deg);\n transition: all 0.2s ease-in-out 0s;\n}\n\n:host([status='success']) {\n --ring-color: var(--nve-sys-support-success-emphasis-color);\n --background-color: var(--nve-sys-support-success-muted-color);\n}\n\n:host([status='warning']) {\n --ring-color: var(--nve-sys-support-warning-emphasis-color);\n --background-color: var(--nve-sys-support-warning-muted-color);\n}\n\n:host([status='danger']) {\n --ring-color: var(--nve-sys-support-danger-emphasis-color);\n --background-color: var(--nve-sys-support-danger-muted-color);\n}\n\n:host([status='neutral']) {\n --ring-background-opacity: 0.5;\n --ring-color: var(--color, var(--nve-sys-interaction-color));\n --background-color: var(--color, var(--nve-sys-interaction-color));\n}\n\n:host([status='accent']) [internal-host]:not([indeterminate]) circle.background {\n stroke: var(--background-color);\n fill: none;\n stroke-width: var(--ring-width);\n}\n\n:host([status='accent']) [internal-host][indeterminate] circle.background {\n display: none;\n}\n\n:host([status='neutral']) [internal-host]:not([indeterminate]) circle.background {\n stroke: var(--background-color);\n fill: none;\n stroke-width: var(--ring-width);\n}\n\n:host([status='neutral']) [internal-host][indeterminate] circle.background {\n display: none;\n}\n\n[internal-host][indeterminate] circle.ring {\n animation: var(--animation-duration) linear 0s infinite normal none running spin-infinite;\n}\n\n::slotted(nve-icon),\n::slotted(nve-icon),\nnve-icon {\n --width: 50cqw;\n --height: 50cqh;\n --color: var(--ring-color);\n}\n\n@keyframes spin-infinite {\n 0% {\n stroke-dasharray: 0.01px, 43.97px;\n transform: rotate(0deg);\n }\n\n 50% {\n stroke-dasharray: 21.99px, 21.99px;\n transform: rotate(450deg);\n }\n\n 100% {\n stroke-dasharray: 0.01px, 43.97px;\n transform: rotate(1080deg);\n }\n}\n"],"mappings":""}
1
+ {"version":3,"file":"progress-ring.js","names":[],"sources":["../../src/progress-ring/progress-ring.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n --background-color: var(--nve-sys-interaction-background);\n --ring-color: var(--nve-sys-accent-secondary-background);\n --ring-background-opacity: 1;\n --ring-width: 2px;\n --width: var(--nve-ref-size-800);\n --height: var(--nve-ref-size-800);\n --animation-duration: calc(var(--nve-ref-animation-duration-400) * 2.5);\n\n width: var(--width);\n height: var(--height);\n container-type: size;\n}\n\n:host([size='xxs']) {\n --ring-width: 3px;\n --width: var(--nve-ref-size-300);\n --height: var(--nve-ref-size-300);\n}\n\n:host([size='xs']) {\n --ring-width: 3px;\n --width: var(--nve-ref-size-400);\n --height: var(--nve-ref-size-400);\n}\n\n:host([size='sm']) {\n --ring-width: 2.5px;\n --width: var(--nve-ref-size-600);\n --height: var(--nve-ref-size-600);\n}\n\n:host([size='lg']) {\n --width: var(--nve-ref-size-1000);\n --height: var(--nve-ref-size-1000);\n}\n\n:host([size='xl']) {\n --ring-width: 1px;\n --width: calc(2 * var(--nve-ref-space-xxxl));\n --height: calc(2 * var(--nve-ref-space-xxxl));\n}\n\n[internal-host] {\n display: flex;\n place-items: center;\n place-content: center;\n height: 100%;\n}\n\nsvg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\ncircle.background {\n fill: var(--background-color);\n opacity: var(--ring-background-opacity);\n stroke: none;\n}\n\ncircle.ring {\n fill: none;\n stroke: var(--ring-color);\n stroke-width: var(--ring-width);\n stroke-linecap: round;\n transform-origin: 50% 50%;\n transform: rotate(-90deg);\n transition: all 0.2s ease-in-out 0s;\n}\n\n:host([status='success']) {\n --ring-color: var(--nve-sys-support-success-emphasis-color);\n --background-color: var(--nve-sys-support-success-muted-color);\n}\n\n:host([status='warning']) {\n --ring-color: var(--nve-sys-support-warning-emphasis-color);\n --background-color: var(--nve-sys-support-warning-muted-color);\n}\n\n:host([status='danger']) {\n --ring-color: var(--nve-sys-support-danger-emphasis-color);\n --background-color: var(--nve-sys-support-danger-muted-color);\n}\n\n:host([status='neutral']) {\n --ring-background-opacity: 0.5;\n --ring-color: var(--color, var(--nve-sys-interaction-color));\n --background-color: var(--color, var(--nve-sys-interaction-color));\n}\n\n:host([status='accent']) [internal-host]:not([indeterminate]) circle.background {\n stroke: var(--background-color);\n fill: none;\n stroke-width: var(--ring-width);\n}\n\n:host([status='accent']) [internal-host][indeterminate] circle.background {\n display: none;\n}\n\n:host([status='neutral']) [internal-host]:not([indeterminate]) circle.background {\n stroke: var(--background-color);\n fill: none;\n stroke-width: var(--ring-width);\n}\n\n:host([status='neutral']) [internal-host][indeterminate] circle.background {\n display: none;\n}\n\n[internal-host][indeterminate] circle.ring {\n animation: var(--animation-duration) linear 0s infinite normal none running spin-infinite;\n}\n\n::slotted(nve-icon),\nnve-icon {\n --width: 50cqw;\n --height: 50cqh;\n --color: var(--ring-color);\n}\n\n@keyframes spin-infinite {\n 0% {\n stroke-dasharray: 0.01px, 43.97px;\n transform: rotate(0deg);\n }\n\n 50% {\n stroke-dasharray: 21.99px, 21.99px;\n transform: rotate(450deg);\n }\n\n 100% {\n stroke-dasharray: 0.01px, 43.97px;\n transform: rotate(1080deg);\n }\n}\n"],"mappings":""}
@@ -20,7 +20,7 @@ var f = class extends c {
20
20
  static {
21
21
  this.metadata = {
22
22
  tag: "nve-progress-ring",
23
- version: "0.0.7"
23
+ version: "0.0.9"
24
24
  };
25
25
  }
26
26
  static {
@@ -1 +1 @@
1
- {"version":3,"file":"progress-ring2.js","names":["#i18nController","#hasStatusIconContent","#updateStatusIcon"],"sources":["../../src/progress-ring/progress-ring.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { Size, SupportStatus } from '@nvidia-elements/core/internal';\nimport { attachInternals, I18nController, scopedRegistry, statusIcons, useStyles } from '@nvidia-elements/core/internal';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './progress-ring.css?inline';\n\n/**\n * @element nve-progress-ring\n * @description The `progress-ring` component shows the status of a pending task. It also serves the basis of the page loading element.\n * @since 0.17.0\n * @entrypoint \\@nvidia-elements/core/progress-ring\n * @slot - Content to display in the ring center. Defaults to a status icon.\n * @slot status-icon - (deprecated) Use the default slot instead.\n * @cssprop --background-color\n * @cssprop --ring-color\n * @cssprop --ring-background-opacity\n * @cssprop --ring-width\n * @cssprop --width\n * @cssprop --height\n * @cssprop --animation-duration\n * @cssprop --color\n * @csspart icon - The icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role\n */\n@scopedRegistry()\nexport class ProgressRing extends LitElement {\n static styles = useStyles([styles]);\n\n static readonly metadata = {\n tag: 'nve-progress-ring',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [Icon.metadata.tag]: Icon\n };\n\n /** @private */\n declare _internals: ElementInternals;\n\n /** The current `value` of the progress ring. When not set, an indeterminate animation will show. */\n @property({ type: Number }) value?: number;\n\n /** The `max` value of the progress ring that the `value` is proportionally scaled to. */\n @property({ type: Number }) max? = 100;\n\n /** Four visual treatments represent the `status` of tasks. When `status` changes to `warning`, `success`, or `danger`, the component embeds appropriate icons. */\n @property({ type: String, reflect: true }) status?: SupportStatus | 'neutral' = 'neutral';\n\n /** T-shirt `size` of the progress indicator, used to scale the ring. */\n @property({ type: String, reflect: true }) size?: Size | 'xxs' | 'xs' | 'xl';\n\n #i18nController: I18nController<this> = new I18nController<this>(this);\n\n /** Enables updating internal string values for internationalization. */\n @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n @queryAssignedElements({ slot: 'status-icon' })\n private _deprecatedStatusIconSlot!: Element[];\n\n /**\n * Tracks presence of content presence in deprecated status-icon slot.\n */\n #hasStatusIconContent = false;\n\n render() {\n return html`\n <div internal-host ?indeterminate=${this.value === undefined}>\n <svg viewBox=\"0 0 16 16\" role=\"presentation\">\n <circle cx=\"8px\" cy=\"8px\" r=\"6.5px\" class=\"background\"></circle>\n <circle cx=\"8px\" cy=\"8px\" r=\"6.5px\" class=\"ring\"\n stroke-dasharray=${`${((this.value ?? 0) / (this.max ?? 100)) * 44}px 44px`}>\n </circle>\n </svg>\n <slot>\n ${\n this.status !== 'accent' && !this.#hasStatusIconContent\n ? html`<nve-icon part=\"icon\" .name=${this.status ? statusIcons[this.status] : undefined} .status=${this.status as SupportStatus} aria-hidden=\"true\"></nve-icon>`\n : ''\n }\n </slot>\n <slot name=\"status-icon\" @slotchange=${this.#updateStatusIcon}></slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'progressbar';\n }\n\n updated(props: PropertyValues<this>) {\n super.updated(props);\n this._internals.ariaValueNow = `${this.value === undefined ? '' : this.value}`;\n this._internals.ariaValueMax = `${this.max}`;\n const i18nRecord = this.i18n as Record<string, string | undefined>;\n this._internals.ariaLabel =\n (this.status && i18nRecord[this.status] && i18nRecord[this.status] !== 'neutral'\n ? i18nRecord[this.status]!\n : this.i18n.information) ?? null;\n }\n\n #updateStatusIcon() {\n this.#hasStatusIconContent = this._deprecatedStatusIconSlot.length > 0;\n this.requestUpdate();\n }\n}\n"],"mappings":";;;;;;;;;;;;AA+BO,IAAA,IAAA,cAA2B,EAAW;;0BAmBR,mBAG6C,uBAQ7C,MAAA,EAAqB;;;gBA7BxC,EAAU,CAAC,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B,GACzB,EAAK,SAAS,MAAM,GACtB;;CAiBD,KAAwC,IAAI,EAAqB,KAAK;CAWtE,KAAwB;CAExB,SAAS;AACP,SAAO,CAAI,sCAC2B,KAAK,UAAU,KAAA,EAAU,oLAIpC,IAAK,KAAK,SAAS,MAAM,KAAK,OAAO,OAAQ,GAAG,SAAS,yBAK5E,KAAK,WAAW,YAAY,CAAC,MAAA,IACzB,CAAI,gCAA+B,KAAK,SAAS,EAAY,KAAK,UAAU,KAAA,EAAU,aAAW,KAAK,OAAwB,oCAC9H,GACL,+CAEoC,MAAA,EAAuB;;CAKpE,oBAAoB;AAGlB,EAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO;;CAGzB,QAAQ,GAA6B;AAGnC,EAFA,MAAM,QAAQ,EAAM,EACpB,KAAK,WAAW,eAAe,GAAG,KAAK,UAAU,KAAA,IAAY,KAAK,KAAK,SACvE,KAAK,WAAW,eAAe,GAAG,KAAK;EACvC,IAAM,IAAa,KAAK;AACxB,OAAK,WAAW,aACb,KAAK,UAAU,EAAW,KAAK,WAAW,EAAW,KAAK,YAAY,YACnE,EAAW,KAAK,UAChB,KAAK,KAAK,gBAAgB;;CAGlC,KAAoB;AAElB,EADA,MAAA,IAA6B,KAAK,0BAA0B,SAAS,GACrE,KAAK,eAAe;;;GAhErB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAG1B,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,OAAA,KAAA,EAAA,KAG1B,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAKzC,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAE1B,EAAsB,EAAE,MAAM,eAAe,CAAC,CAAA,EAAA,EAAA,WAAA,6BAAA,KAAA,EAAA,SAjChD,GAAgB,CAAA,EAAA,EAAA"}
1
+ {"version":3,"file":"progress-ring2.js","names":["#i18nController","#hasStatusIconContent","#updateStatusIcon"],"sources":["../../src/progress-ring/progress-ring.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { Size, SupportStatus } from '@nvidia-elements/core/internal';\nimport {\n attachInternals,\n I18nController,\n scopedRegistry,\n statusIcons,\n useStyles\n} from '@nvidia-elements/core/internal';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './progress-ring.css?inline';\n\n/**\n * @element nve-progress-ring\n * @description The `progress-ring` component shows the status of a pending task. It also serves the basis of the page loading element.\n * @since 0.17.0\n * @entrypoint \\@nvidia-elements/core/progress-ring\n * @slot - Content to display in the ring center. Defaults to a status icon.\n * @slot status-icon - (deprecated) Use the default slot instead.\n * @cssprop --background-color\n * @cssprop --ring-color\n * @cssprop --ring-background-opacity\n * @cssprop --ring-width\n * @cssprop --width\n * @cssprop --height\n * @cssprop --animation-duration\n * @cssprop --color\n * @csspart icon - The icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role\n */\n@scopedRegistry()\nexport class ProgressRing extends LitElement {\n static styles = useStyles([styles]);\n\n static readonly metadata = {\n tag: 'nve-progress-ring',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [Icon.metadata.tag]: Icon\n };\n\n /** @private */\n declare _internals: ElementInternals;\n\n /** The current `value` of the progress ring. When not set, an indeterminate animation will show. */\n @property({ type: Number }) value?: number;\n\n /** The `max` value of the progress ring that the `value` is proportionally scaled to. */\n @property({ type: Number }) max? = 100;\n\n /** Four visual treatments represent the `status` of tasks. When `status` changes to `warning`, `success`, or `danger`, the component embeds appropriate icons. */\n @property({ type: String, reflect: true }) status?: SupportStatus | 'neutral' = 'neutral';\n\n /** T-shirt `size` of the progress indicator, used to scale the ring. */\n @property({ type: String, reflect: true }) size?: Size | 'xxs' | 'xs' | 'xl';\n\n #i18nController: I18nController<this> = new I18nController<this>(this);\n\n /** Enables updating internal string values for internationalization. */\n @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n @queryAssignedElements({ slot: 'status-icon' })\n private _deprecatedStatusIconSlot!: Element[];\n\n /**\n * Tracks presence of content presence in deprecated status-icon slot.\n */\n #hasStatusIconContent = false;\n\n render() {\n return html`\n <div internal-host ?indeterminate=${this.value === undefined}>\n <svg viewBox=\"0 0 16 16\" role=\"presentation\">\n <circle cx=\"8px\" cy=\"8px\" r=\"6.5px\" class=\"background\"></circle>\n <circle cx=\"8px\" cy=\"8px\" r=\"6.5px\" class=\"ring\"\n stroke-dasharray=${`${((this.value ?? 0) / (this.max ?? 100)) * 44}px 44px`}>\n </circle>\n </svg>\n <slot>\n ${\n this.status !== 'accent' && !this.#hasStatusIconContent\n ? html`<nve-icon part=\"icon\" .name=${this.status ? statusIcons[this.status] : undefined} .status=${this.status as SupportStatus} aria-hidden=\"true\"></nve-icon>`\n : ''\n }\n </slot>\n <slot name=\"status-icon\" @slotchange=${this.#updateStatusIcon}></slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'progressbar';\n }\n\n updated(props: PropertyValues<this>) {\n super.updated(props);\n this._internals.ariaValueNow = `${this.value === undefined ? '' : this.value}`;\n this._internals.ariaValueMax = `${this.max}`;\n const i18nRecord = this.i18n as Record<string, string | undefined>;\n this._internals.ariaLabel =\n (this.status && i18nRecord[this.status] && i18nRecord[this.status] !== 'neutral'\n ? i18nRecord[this.status]!\n : this.i18n.information) ?? null;\n }\n\n #updateStatusIcon() {\n this.#hasStatusIconContent = this._deprecatedStatusIconSlot.length > 0;\n this.requestUpdate();\n }\n}\n"],"mappings":";;;;;;;;;;;;AAqCO,IAAA,IAAA,cAA2B,EAAW;;0BAmBR,mBAG6C,uBAQ7C,MAAA,EAAqB;;;gBA7BxC,EAAU,CAAC,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B,GACzB,EAAK,SAAS,MAAM,GACtB;;CAiBD,KAAwC,IAAI,EAAqB,KAAK;CAWtE,KAAwB;CAExB,SAAS;AACP,SAAO,CAAI,sCAC2B,KAAK,UAAU,KAAA,EAAU,oLAIpC,IAAK,KAAK,SAAS,MAAM,KAAK,OAAO,OAAQ,GAAG,SAAS,yBAK5E,KAAK,WAAW,YAAY,CAAC,MAAA,IACzB,CAAI,gCAA+B,KAAK,SAAS,EAAY,KAAK,UAAU,KAAA,EAAU,aAAW,KAAK,OAAwB,oCAC9H,GACL,+CAEoC,MAAA,EAAuB;;CAKpE,oBAAoB;AAGlB,EAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO;;CAGzB,QAAQ,GAA6B;AAGnC,EAFA,MAAM,QAAQ,EAAM,EACpB,KAAK,WAAW,eAAe,GAAG,KAAK,UAAU,KAAA,IAAY,KAAK,KAAK,SACvE,KAAK,WAAW,eAAe,GAAG,KAAK;EACvC,IAAM,IAAa,KAAK;AACxB,OAAK,WAAW,aACb,KAAK,UAAU,EAAW,KAAK,WAAW,EAAW,KAAK,YAAY,YACnE,EAAW,KAAK,UAChB,KAAK,KAAK,gBAAgB;;CAGlC,KAAoB;AAElB,EADA,MAAA,IAA6B,KAAK,0BAA0B,SAAS,GACrE,KAAK,eAAe;;;GAhErB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAG1B,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,OAAA,KAAA,EAAA,KAG1B,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAKzC,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAE1B,EAAsB,EAAE,MAAM,eAAe,CAAC,CAAA,EAAA,EAAA,WAAA,6BAAA,KAAA,EAAA,SAjChD,GAAgB,CAAA,EAAA,EAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"progressive-filter-chip.global.js","names":[],"sources":["../../src/progressive-filter-chip/progressive-filter-chip.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-progressive-filter-chip,\nnve-progressive-filter-chip {\n &:has([status='error']) {\n --background: transparent;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: var(--nve-sys-text-placeholder-color) !important;\n }\n\n nve-select:not(:state(multiple)),\n nve-select:not(:state(multiple)) {\n --padding: 0 var(--nve-ref-size-200);\n }\n\n nve-select:not(:state(multiple))::part(caret),\n nve-select:not(:state(multiple))::part(caret) {\n display: none;\n }\n}\n\nnve-progressive-filter-chip input::-webkit-search-cancel-button,\nnve-progressive-filter-chip input::-webkit-calendar-picker-indicator,\nnve-progressive-filter-chip input::-webkit-search-cancel-button,\nnve-progressive-filter-chip input::-webkit-calendar-picker-indicator {\n opacity: 0 !important;\n display: none !important;\n}\n"],"mappings":""}
1
+ {"version":3,"file":"progressive-filter-chip.global.js","names":[],"sources":["../../src/progressive-filter-chip/progressive-filter-chip.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-progressive-filter-chip {\n &:has([status='error']) {\n --background: transparent;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: var(--nve-sys-text-placeholder-color) !important;\n }\n\n nve-select:not(:state(multiple)) {\n --padding: 0 var(--nve-ref-size-200);\n }\n\n nve-select:not(:state(multiple))::part(caret) {\n display: none;\n }\n}\n\nnve-progressive-filter-chip input::-webkit-search-cancel-button,\nnve-progressive-filter-chip input::-webkit-calendar-picker-indicator {\n opacity: 0 !important;\n display: none !important;\n}\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"progressive-filter-chip.js","names":[],"sources":["../../src/progressive-filter-chip/progressive-filter-chip.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n --gap: 1px;\n --border-radius: var(--nve-ref-border-radius-sm);\n --background: color-mix(\n in oklab,\n var(--nve-sys-interaction-field-background) 95%,\n var(--nve-sys-interaction-state-mix)\n );\n width: fit-content;\n min-width: fit-content;\n contain: initial;\n --border: none;\n}\n\n[internal-host] {\n gap: var(--gap);\n border-radius: var(--border-radius);\n background: var(--background);\n display: flex;\n overflow: hidden;\n border: var(--border);\n}\n\n[nve-control],\n::slotted(nve-button),\n::slotted(nve-button) {\n --font-weight: var(--nve-ref-font-weight-medium);\n --border-radius: 0;\n --width: fit-content;\n}\n\n::slotted([nve-control]),\n::slotted([nve-control]) {\n --font-weight: var(--nve-ref-font-weight-medium);\n --border-radius: 0;\n}\n\n[internal-host] > :nth-child(2) {\n --font-weight: var(--nve-ref-font-weight-regular);\n}\n\nnve-select:not(:state(multiple))::part(caret) {\n display: none;\n}\n\nnve-icon-button {\n --border-radius: 0;\n --padding: var(--nve-ref-size-300);\n}\n"],"mappings":""}
1
+ {"version":3,"file":"progressive-filter-chip.js","names":[],"sources":["../../src/progressive-filter-chip/progressive-filter-chip.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n --gap: 1px;\n --border-radius: var(--nve-ref-border-radius-sm);\n --background: color-mix(\n in oklab,\n var(--nve-sys-interaction-field-background) 95%,\n var(--nve-sys-interaction-state-mix)\n );\n width: fit-content;\n min-width: fit-content;\n contain: initial;\n --border: none;\n}\n\n[internal-host] {\n gap: var(--gap);\n border-radius: var(--border-radius);\n background: var(--background);\n display: flex;\n overflow: hidden;\n border: var(--border);\n}\n\n[nve-control],\n::slotted(nve-button) {\n --font-weight: var(--nve-ref-font-weight-medium);\n --border-radius: 0;\n --width: fit-content;\n}\n\n::slotted([nve-control]) {\n --font-weight: var(--nve-ref-font-weight-medium);\n --border-radius: 0;\n}\n\n[internal-host] > :nth-child(2) {\n --font-weight: var(--nve-ref-font-weight-regular);\n}\n\nnve-select:not(:state(multiple))::part(caret) {\n display: none;\n}\n\nnve-icon-button {\n --border-radius: 0;\n --padding: var(--nve-ref-size-300);\n}\n"],"mappings":""}
@@ -23,7 +23,7 @@ var b = class extends h {
23
23
  static {
24
24
  this.metadata = {
25
25
  tag: "nve-progressive-filter-chip",
26
- version: "0.0.7"
26
+ version: "0.0.9"
27
27
  };
28
28
  }
29
29
  static {
@@ -55,7 +55,7 @@ var b = class extends h {
55
55
  #i(e) {
56
56
  if (e.target && e.target.assignedElements().length) {
57
57
  this.#a();
58
- let e = Array.from(this.shadowRoot.querySelector("slot:not([name])").assignedElements()).filter((e) => e.matches("input, select, nve-button, nve-button, [nve-control], [nve-control]"));
58
+ let e = Array.from(this.shadowRoot.querySelector("slot:not([name])").assignedElements()).filter((e) => e.matches("input, select, nve-button, [nve-control]"));
59
59
  e.forEach((e) => e.slot = t()), this.inputs = e.length ? e : this.inputs;
60
60
  }
61
61
  }
@@ -1 +1 @@
1
- {"version":3,"file":"progressive-filter-chip2.js","names":["#i18nController","#removeItem","#getControlTemplate","#typeClosableController","#createItems","#resetItems"],"sources":["../../src/progressive-filter-chip/progressive-filter-chip.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport {\n appendRootNodeStyle,\n attachInternals,\n generateId,\n I18nController,\n scopedRegistry,\n TypeClosableController,\n typeSSR,\n useStyles\n} from '@nvidia-elements/core/internal';\nimport { Input } from '@nvidia-elements/core/input';\nimport { Select } from '@nvidia-elements/core/select';\nimport { Date } from '@nvidia-elements/core/date';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport globalStyles from './progressive-filter-chip.global.css?inline';\nimport styles from './progressive-filter-chip.css?inline';\n\n/**\n * @element nve-progressive-filter-chip\n * @description A filter chip is a control that enables users to select many options from a set of choices.\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/progressive-filter-chip\n * @slot - default slot for content\n * @event close - Dispatched when the filter chip closes.\n * @cssprop --gap\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --background\n * @cssprop --font-weight\n * @cssprop --padding\n * @cssprop --width\n * @csspart select - The select element\n * @csspart date - The date input element\n * @csspart input - The input element\n * @csspart icon-button - The icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/\n */\n@typeSSR()\n@scopedRegistry()\nexport class ProgressiveFilterChip extends LitElement {\n static readonly metadata = {\n tag: 'nve-progressive-filter-chip',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [Input.metadata.tag]: Input,\n [Select.metadata.tag]: Select,\n [Date.metadata.tag]: Date,\n [IconButton.metadata.tag]: IconButton\n };\n\n /** Determines if a close button should render within filter chip */\n @property({ type: Boolean }) closable: boolean;\n\n #i18nController: I18nController<this> = new I18nController<this>(this);\n\n /** Enables updating internal string values for internationalization. */\n @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n @state() private inputs: Element[] = [];\n\n static styles = useStyles([styles]);\n\n #typeClosableController = new TypeClosableController(this);\n\n /** @private */\n declare _internals: ElementInternals;\n\n #getControlTemplate(el: Element) {\n const slot = html`<slot name=${el.slot} @slotchange=${this.#removeItem}></slot>`;\n if (el.tagName === 'SELECT') {\n return html`<nve-select part=\"select\" multiple-overflow ?fit-text=${!(el as HTMLSelectElement).multiple}>${slot}</nve-select>`;\n } else if (el.tagName === 'INPUT' && (el as HTMLInputElement).type === 'date') {\n return html`<nve-date part=\"date\">${slot}</nve-date>`;\n } else if (el.tagName === 'INPUT') {\n return html`<nve-input part=\"input\">${slot}</nve-input>`;\n } else {\n return slot;\n }\n }\n\n render() {\n return html`\n <div internal-host>\n ${this.inputs.map(el => this.#getControlTemplate(el))}\n ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${() => this.#typeClosableController.close()} .ariaLabel=${this.i18n.close} icon-name=\"cancel\"></nve-icon-button>` : nothing}\n </div>\n <slot hidden-slot @slotchange=${this.#createItems}></slot>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'toolbar';\n this.setAttribute('nve-control', '');\n appendRootNodeStyle(this, globalStyles);\n }\n\n #removeItem(e: Event) {\n if (!(e.target as HTMLSlotElement).assignedElements().length) {\n this.#resetItems();\n }\n }\n\n #createItems(e: Event) {\n if (e.target && (e.target as HTMLSlotElement).assignedElements().length) {\n this.#resetItems();\n const items = Array.from(\n this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!.assignedElements()\n ).filter(i => i.matches('input, select, nve-button, nve-button, [nve-control], [nve-control]'));\n items.forEach(i => (i.slot = generateId()));\n this.inputs = items.length ? items : this.inputs;\n }\n }\n\n #resetItems() {\n Array.from(this.shadowRoot!.querySelectorAll('slot'))\n .flatMap(i => i.assignedElements())\n .forEach(i => (i.slot = ''));\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA6CO,IAAA,IAAA,cAAoC,EAAW;;2BAmBjB,MAAA,EAAqB,oBAEnB,EAAE;;;kBApBZ;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B;IACzB,EAAM,SAAS,MAAM;IACrB,EAAO,SAAS,MAAM;IACtB,EAAK,SAAS,MAAM;IACpB,EAAW,SAAS,MAAM;GAC5B;;CAKD,KAAwC,IAAI,EAAqB,KAAK;;gBAOtD,EAAU,CAAC,EAAO,CAAC;;CAEnC,KAA0B,IAAI,EAAuB,KAAK;CAK1D,GAAoB,GAAa;EAC/B,IAAM,IAAO,CAAI,eAAc,EAAG,KAAK,iBAAe,MAAA,EAAiB;AAQrE,SAPE,EAAG,YAAY,WACV,CAAI,0DAAyD,CAAE,EAAyB,SAAS,IAAG,EAAK,iBACvG,EAAG,YAAY,WAAY,EAAwB,SAAS,SAC9D,CAAI,yBAAyB,EAAK,eAChC,EAAG,YAAY,UACjB,CAAI,2BAA2B,EAAK,gBAEpC;;CAIX,SAAS;AACP,SAAO,CAAI,sBAEP,KAAK,OAAO,KAAI,MAAM,MAAA,EAAyB,EAAG,CAAC,CAAC,GACpD,KAAK,WAAW,CAAI,yFAAwF,MAAA,EAA6B,OAAO,CAAC,gBAAc,KAAK,KAAK,MAAM,2CAA0C,EAAQ,uCAErM,MAAA,EAAkB;;CAIpD,oBAAoB;AAKlB,EAJA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO,WACvB,KAAK,aAAa,eAAe,GAAG,EACpC,EAAoB,MAAM,EAAa;;CAGzC,GAAY,GAAU;AACpB,EAAM,EAAE,OAA2B,kBAAkB,CAAC,UACpD,MAAA,GAAkB;;CAItB,GAAa,GAAU;AACrB,MAAI,EAAE,UAAW,EAAE,OAA2B,kBAAkB,CAAC,QAAQ;AACvE,SAAA,GAAkB;GAClB,IAAM,IAAQ,MAAM,KAClB,KAAK,WAAY,cAA+B,mBAAmB,CAAE,kBAAkB,CACxF,CAAC,QAAO,MAAK,EAAE,QAAQ,sEAAsE,CAAC;AAE/F,GADA,EAAM,SAAQ,MAAM,EAAE,OAAO,GAAY,CAAE,EAC3C,KAAK,SAAS,EAAM,SAAS,IAAQ,KAAK;;;CAI9C,KAAc;AACZ,QAAM,KAAK,KAAK,WAAY,iBAAiB,OAAO,CAAC,CAClD,SAAQ,MAAK,EAAE,kBAAkB,CAAC,CAClC,SAAQ,MAAM,EAAE,OAAO,GAAI;;;GAnE/B,EAAS,EAAE,MAAM,SAAS,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAK3B,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAE1B,GAAO,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,SAvBT,GAAS,EACT,GAAgB,CAAA,EAAA,EAAA"}
1
+ {"version":3,"file":"progressive-filter-chip2.js","names":["#i18nController","#removeItem","#getControlTemplate","#typeClosableController","#createItems","#resetItems"],"sources":["../../src/progressive-filter-chip/progressive-filter-chip.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport {\n appendRootNodeStyle,\n attachInternals,\n generateId,\n I18nController,\n scopedRegistry,\n TypeClosableController,\n typeSSR,\n useStyles\n} from '@nvidia-elements/core/internal';\nimport { Input } from '@nvidia-elements/core/input';\nimport { Select } from '@nvidia-elements/core/select';\nimport { Date } from '@nvidia-elements/core/date';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport globalStyles from './progressive-filter-chip.global.css?inline';\nimport styles from './progressive-filter-chip.css?inline';\n\n/**\n * @element nve-progressive-filter-chip\n * @description A filter chip is a control that enables users to select many options from a set of choices.\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/progressive-filter-chip\n * @slot - default slot for content\n * @event close - Dispatched when the filter chip closes.\n * @cssprop --gap\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --background\n * @cssprop --font-weight\n * @cssprop --padding\n * @cssprop --width\n * @csspart select - The select element\n * @csspart date - The date input element\n * @csspart input - The input element\n * @csspart icon-button - The icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/\n */\n@typeSSR()\n@scopedRegistry()\nexport class ProgressiveFilterChip extends LitElement {\n static readonly metadata = {\n tag: 'nve-progressive-filter-chip',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [Input.metadata.tag]: Input,\n [Select.metadata.tag]: Select,\n [Date.metadata.tag]: Date,\n [IconButton.metadata.tag]: IconButton\n };\n\n /** Determines if a close button should render within filter chip */\n @property({ type: Boolean }) closable: boolean;\n\n #i18nController: I18nController<this> = new I18nController<this>(this);\n\n /** Enables updating internal string values for internationalization. */\n @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n @state() private inputs: Element[] = [];\n\n static styles = useStyles([styles]);\n\n #typeClosableController = new TypeClosableController(this);\n\n /** @private */\n declare _internals: ElementInternals;\n\n #getControlTemplate(el: Element) {\n const slot = html`<slot name=${el.slot} @slotchange=${this.#removeItem}></slot>`;\n if (el.tagName === 'SELECT') {\n return html`<nve-select part=\"select\" multiple-overflow ?fit-text=${!(el as HTMLSelectElement).multiple}>${slot}</nve-select>`;\n } else if (el.tagName === 'INPUT' && (el as HTMLInputElement).type === 'date') {\n return html`<nve-date part=\"date\">${slot}</nve-date>`;\n } else if (el.tagName === 'INPUT') {\n return html`<nve-input part=\"input\">${slot}</nve-input>`;\n } else {\n return slot;\n }\n }\n\n render() {\n return html`\n <div internal-host>\n ${this.inputs.map(el => this.#getControlTemplate(el))}\n ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${() => this.#typeClosableController.close()} .ariaLabel=${this.i18n.close} icon-name=\"cancel\"></nve-icon-button>` : nothing}\n </div>\n <slot hidden-slot @slotchange=${this.#createItems}></slot>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'toolbar';\n this.setAttribute('nve-control', '');\n appendRootNodeStyle(this, globalStyles);\n }\n\n #removeItem(e: Event) {\n if (!(e.target as HTMLSlotElement).assignedElements().length) {\n this.#resetItems();\n }\n }\n\n #createItems(e: Event) {\n if (e.target && (e.target as HTMLSlotElement).assignedElements().length) {\n this.#resetItems();\n const items = Array.from(\n this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!.assignedElements()\n ).filter(i => i.matches('input, select, nve-button, [nve-control]'));\n items.forEach(i => (i.slot = generateId()));\n this.inputs = items.length ? items : this.inputs;\n }\n }\n\n #resetItems() {\n Array.from(this.shadowRoot!.querySelectorAll('slot'))\n .flatMap(i => i.assignedElements())\n .forEach(i => (i.slot = ''));\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA6CO,IAAA,IAAA,cAAoC,EAAW;;2BAmBjB,MAAA,EAAqB,oBAEnB,EAAE;;;kBApBZ;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B;IACzB,EAAM,SAAS,MAAM;IACrB,EAAO,SAAS,MAAM;IACtB,EAAK,SAAS,MAAM;IACpB,EAAW,SAAS,MAAM;GAC5B;;CAKD,KAAwC,IAAI,EAAqB,KAAK;;gBAOtD,EAAU,CAAC,EAAO,CAAC;;CAEnC,KAA0B,IAAI,EAAuB,KAAK;CAK1D,GAAoB,GAAa;EAC/B,IAAM,IAAO,CAAI,eAAc,EAAG,KAAK,iBAAe,MAAA,EAAiB;AAQrE,SAPE,EAAG,YAAY,WACV,CAAI,0DAAyD,CAAE,EAAyB,SAAS,IAAG,EAAK,iBACvG,EAAG,YAAY,WAAY,EAAwB,SAAS,SAC9D,CAAI,yBAAyB,EAAK,eAChC,EAAG,YAAY,UACjB,CAAI,2BAA2B,EAAK,gBAEpC;;CAIX,SAAS;AACP,SAAO,CAAI,sBAEP,KAAK,OAAO,KAAI,MAAM,MAAA,EAAyB,EAAG,CAAC,CAAC,GACpD,KAAK,WAAW,CAAI,yFAAwF,MAAA,EAA6B,OAAO,CAAC,gBAAc,KAAK,KAAK,MAAM,2CAA0C,EAAQ,uCAErM,MAAA,EAAkB;;CAIpD,oBAAoB;AAKlB,EAJA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO,WACvB,KAAK,aAAa,eAAe,GAAG,EACpC,EAAoB,MAAM,EAAa;;CAGzC,GAAY,GAAU;AACpB,EAAM,EAAE,OAA2B,kBAAkB,CAAC,UACpD,MAAA,GAAkB;;CAItB,GAAa,GAAU;AACrB,MAAI,EAAE,UAAW,EAAE,OAA2B,kBAAkB,CAAC,QAAQ;AACvE,SAAA,GAAkB;GAClB,IAAM,IAAQ,MAAM,KAClB,KAAK,WAAY,cAA+B,mBAAmB,CAAE,kBAAkB,CACxF,CAAC,QAAO,MAAK,EAAE,QAAQ,2CAA2C,CAAC;AAEpE,GADA,EAAM,SAAQ,MAAM,EAAE,OAAO,GAAY,CAAE,EAC3C,KAAK,SAAS,EAAM,SAAS,IAAQ,KAAK;;;CAI9C,KAAc;AACZ,QAAM,KAAK,KAAK,WAAY,iBAAiB,OAAO,CAAC,CAClD,SAAQ,MAAK,EAAE,kBAAkB,CAAC,CAClC,SAAQ,MAAM,EAAE,OAAO,GAAI;;;GAnE/B,EAAS,EAAE,MAAM,SAAS,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAK3B,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAE1B,GAAO,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,SAvBT,GAAS,EACT,GAAgB,CAAA,EAAA,EAAA"}
@@ -13,7 +13,7 @@ var c = class extends a {
13
13
  static {
14
14
  this.metadata = {
15
15
  tag: "nve-pulse",
16
- version: "0.0.7"
16
+ version: "0.0.9"
17
17
  };
18
18
  }
19
19
  static {
@@ -12,7 +12,7 @@ var o = class extends i {
12
12
  static {
13
13
  this.metadata = {
14
14
  tag: "nve-radio-group",
15
- version: "0.0.7",
15
+ version: "0.0.9",
16
16
  children: [
17
17
  "label",
18
18
  "nve-control-message",
@@ -15,7 +15,7 @@ var o = class extends i {
15
15
  static {
16
16
  this.metadata = {
17
17
  tag: "nve-radio",
18
- version: "0.0.7",
18
+ version: "0.0.9",
19
19
  children: [
20
20
  "label",
21
21
  "input",
@@ -1 +1 @@
1
- {"version":3,"file":"range.global.js","names":[],"sources":["../../src/range/range.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-range input[type='range']::-webkit-slider-thumb,\nnve-range input[type='range']::-webkit-slider-thumb {\n width: var(--thumb-width);\n height: var(--thumb-height);\n background: var(--thumb-background);\n border-radius: 50%;\n box-shadow: var(--thumb-border);\n margin-block-start: calc((var(--track-height) - var(--thumb-height)) / 2);\n appearance: var(--_appearance);\n filter: var(--filter);\n}\n\nnve-range input[type='range']::-webkit-slider-runnable-track,\nnve-range input[type='range']::-webkit-slider-runnable-track {\n background: transparent;\n height: var(--track-height);\n border-radius: var(--nve-ref-border-radius-lg);\n align-self: center;\n}\n\nnve-range:has(datalist) input[type='range']::-webkit-slider-container {\n min-block-size: auto;\n}\n\nnve-range[orientation='vertical'] input[type='range']::-webkit-slider-container,\nnve-range[orientation='vertical'] input[type='range']::-webkit-slider-container {\n display: flex;\n align-items: center;\n overflow: visible;\n}\n\nnve-range[orientation='vertical'] input[type='range']::-webkit-slider-runnable-track,\nnve-range[orientation='vertical'] input[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 100%;\n}\n\nnve-range[orientation='vertical'] input[type='range']::-webkit-slider-thumb,\nnve-range[orientation='vertical'] input[type='range']::-webkit-slider-thumb {\n margin: 0;\n}\n"],"mappings":""}
1
+ {"version":3,"file":"range.global.js","names":[],"sources":["../../src/range/range.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-range input[type='range']::-webkit-slider-thumb {\n width: var(--thumb-width);\n height: var(--thumb-height);\n background: var(--thumb-background);\n border-radius: 50%;\n box-shadow: var(--thumb-border);\n margin-block-start: calc((var(--track-height) - var(--thumb-height)) / 2);\n appearance: var(--_appearance);\n filter: var(--filter);\n}\n\nnve-range input[type='range']::-webkit-slider-runnable-track {\n background: transparent;\n height: var(--track-height);\n border-radius: var(--nve-ref-border-radius-lg);\n align-self: center;\n}\n\nnve-range:has(datalist) input[type='range']::-webkit-slider-container {\n min-block-size: auto;\n}\n\nnve-range[orientation='vertical'] input[type='range']::-webkit-slider-container {\n display: flex;\n align-items: center;\n overflow: visible;\n}\n\nnve-range[orientation='vertical'] input[type='range']::-webkit-slider-runnable-track {\n width: 100%;\n height: 100%;\n}\n\nnve-range[orientation='vertical'] input[type='range']::-webkit-slider-thumb {\n margin: 0;\n}\n"],"mappings":""}
@@ -17,7 +17,7 @@ var d = class extends i {
17
17
  static {
18
18
  this.metadata = {
19
19
  tag: "nve-range",
20
- version: "0.0.7"
20
+ version: "0.0.9"
21
21
  };
22
22
  }
23
23
  connectedCallback() {
@@ -18,7 +18,7 @@ var u = class extends l(a) {
18
18
  static {
19
19
  this.metadata = {
20
20
  tag: "nve-resize-handle",
21
- version: "0.0.7",
21
+ version: "0.0.9",
22
22
  valueSchema: { type: "number" }
23
23
  };
24
24
  }
@@ -22,7 +22,7 @@ var l = class extends r {
22
22
  static {
23
23
  this.metadata = {
24
24
  tag: "nve-search",
25
- version: "0.0.7"
25
+ version: "0.0.9"
26
26
  };
27
27
  }
28
28
  static {
@@ -26,7 +26,7 @@ var b = class extends u {
26
26
  static {
27
27
  this.metadata = {
28
28
  tag: "nve-select",
29
- version: "0.0.7"
29
+ version: "0.0.9"
30
30
  };
31
31
  }
32
32
  static {
@@ -17,9 +17,9 @@ export declare class Skeleton extends LitElement {
17
17
  tag: string;
18
18
  version: string;
19
19
  };
20
- /** The effect of the skeleton */
20
+ /** Visual animation style shown while content loads. */
21
21
  effect: 'shimmer' | 'pulse';
22
- /** The shape of the skeleton */
22
+ /** Geometry of the placeholder — rounded corners or a full pill outline. */
23
23
  shape: 'round' | 'pill';
24
24
  /** Whether the skeleton hides its content */
25
25
  hidden: boolean;