@nvidia-elements/core 0.2.3 → 2.0.0

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 (270) hide show
  1. package/CHANGELOG.md +64 -1
  2. package/NOTICE.md +4 -4
  3. package/dist/_virtual/{_@oxc-project_runtime@0.130.0 → _@oxc-project_runtime@0.132.0}/helpers/decorate.js +1 -1
  4. package/dist/accordion/accordion-header.js +1 -1
  5. package/dist/accordion/accordion-header.js.map +1 -1
  6. package/dist/accordion/accordion.d.ts +4 -7
  7. package/dist/accordion/accordion.examples.js.map +1 -1
  8. package/dist/accordion/accordion.examples.json +1 -12
  9. package/dist/accordion/accordion.js +1 -1
  10. package/dist/accordion/accordion.js.map +1 -1
  11. package/dist/accordion/accordion2.js +9 -12
  12. package/dist/accordion/accordion2.js.map +1 -1
  13. package/dist/alert/alert-group.d.ts +1 -1
  14. package/dist/alert/alert-group2.js +2 -2
  15. package/dist/alert/alert.d.ts +1 -1
  16. package/dist/alert/alert.js +1 -1
  17. package/dist/alert/alert.js.map +1 -1
  18. package/dist/alert/alert2.js +2 -2
  19. package/dist/avatar/avatar-group.d.ts +1 -1
  20. package/dist/avatar/avatar-group2.js +1 -1
  21. package/dist/avatar/avatar.d.ts +1 -1
  22. package/dist/avatar/avatar2.js +2 -2
  23. package/dist/badge/badge.d.ts +3 -3
  24. package/dist/badge/badge.js +1 -1
  25. package/dist/badge/badge.js.map +1 -1
  26. package/dist/badge/badge2.js +4 -5
  27. package/dist/badge/badge2.js.map +1 -1
  28. package/dist/breadcrumb/breadcrumb.d.ts +1 -6
  29. package/dist/breadcrumb/breadcrumb.js +1 -1
  30. package/dist/breadcrumb/breadcrumb.js.map +1 -1
  31. package/dist/breadcrumb/breadcrumb2.js +2 -2
  32. package/dist/breadcrumb/breadcrumb2.js.map +1 -1
  33. package/dist/bundle.d.ts +14 -0
  34. package/dist/bundles/index.d.ts +831 -95
  35. package/dist/bundles/index.js +4 -4
  36. package/dist/button/button.d.ts +3 -3
  37. package/dist/button/button.js +1 -1
  38. package/dist/button/button.js.map +1 -1
  39. package/dist/button/button2.js +2 -2
  40. package/dist/button/button2.js.map +1 -1
  41. package/dist/button-group/button-group.d.ts +1 -1
  42. package/dist/button-group/button-group2.js +2 -2
  43. package/dist/card/card-header.js +1 -1
  44. package/dist/card/card-header.js.map +1 -1
  45. package/dist/card/card.d.ts +4 -7
  46. package/dist/card/card2.js +6 -6
  47. package/dist/card/card2.js.map +1 -1
  48. package/dist/chat-message/chat-message.d.ts +1 -1
  49. package/dist/chat-message/chat-message2.js +2 -2
  50. package/dist/checkbox/checkbox-group2.js +2 -2
  51. package/dist/checkbox/checkbox2.js +2 -2
  52. package/dist/color/color.d.ts +1 -1
  53. package/dist/color/color2.js +2 -2
  54. package/dist/combobox/combobox.d.ts +2 -8
  55. package/dist/combobox/combobox.examples.js.map +1 -1
  56. package/dist/combobox/combobox2.js +3 -6
  57. package/dist/combobox/combobox2.js.map +1 -1
  58. package/dist/copy-button/copy-button.d.ts +1 -1
  59. package/dist/copy-button/copy-button2.js +3 -3
  60. package/dist/copy-button/copy-button2.js.map +1 -1
  61. package/dist/custom-elements-jsx.d.ts +32 -37
  62. package/dist/custom-elements-vue.d.ts +32 -37
  63. package/dist/custom-elements.json +275 -394
  64. package/dist/data.html.json +75 -28
  65. package/dist/data.snippets.json +28 -28
  66. package/dist/date/date.d.ts +1 -1
  67. package/dist/date/date2.js +2 -2
  68. package/dist/datetime/datetime.d.ts +1 -1
  69. package/dist/datetime/datetime2.js +2 -2
  70. package/dist/dialog/dialog-footer.d.ts +1 -1
  71. package/dist/dialog/dialog-footer2.js +2 -2
  72. package/dist/dialog/dialog-header.d.ts +1 -1
  73. package/dist/dialog/dialog-header2.js +2 -2
  74. package/dist/dialog/dialog.d.ts +1 -1
  75. package/dist/dialog/dialog.examples.js.map +1 -1
  76. package/dist/dialog/dialog2.js +2 -2
  77. package/dist/divider/divider.d.ts +1 -1
  78. package/dist/divider/divider2.js +2 -2
  79. package/dist/dot/dot.d.ts +1 -1
  80. package/dist/dot/dot2.js +2 -2
  81. package/dist/drawer/drawer-content.d.ts +1 -1
  82. package/dist/drawer/drawer-content2.js +2 -2
  83. package/dist/drawer/drawer-footer.d.ts +1 -1
  84. package/dist/drawer/drawer-footer2.js +2 -2
  85. package/dist/drawer/drawer-header.d.ts +1 -1
  86. package/dist/drawer/drawer-header2.js +2 -2
  87. package/dist/drawer/drawer.d.ts +1 -1
  88. package/dist/drawer/drawer2.js +2 -2
  89. package/dist/dropdown/dropdown-footer.d.ts +1 -1
  90. package/dist/dropdown/dropdown-footer2.js +2 -2
  91. package/dist/dropdown/dropdown-header.d.ts +1 -1
  92. package/dist/dropdown/dropdown-header2.js +2 -2
  93. package/dist/dropdown/dropdown.d.ts +1 -1
  94. package/dist/dropdown/dropdown2.js +2 -2
  95. package/dist/dropdown-group/dropdown-group.d.ts +1 -1
  96. package/dist/dropdown-group/dropdown-group.js +2 -2
  97. package/dist/dropzone/dropzone.d.ts +1 -1
  98. package/dist/dropzone/dropzone2.js +2 -2
  99. package/dist/file/file2.js +1 -1
  100. package/dist/format-datetime/format-datetime.d.ts +1 -1
  101. package/dist/format-datetime/format-datetime2.js +2 -2
  102. package/dist/format-number/format-number.d.ts +1 -1
  103. package/dist/format-number/format-number2.js +2 -2
  104. package/dist/format-relative-time/format-relative-time.d.ts +1 -1
  105. package/dist/format-relative-time/format-relative-time2.js +2 -2
  106. package/dist/forms/control/control2.js +2 -2
  107. package/dist/forms/control-group/control-group.d.ts +1 -1
  108. package/dist/forms/control-group/control-group.js +1 -1
  109. package/dist/forms/control-group/control-group.js.map +1 -1
  110. package/dist/forms/control-group/control-group2.js +2 -2
  111. package/dist/forms/control-message/control-message.d.ts +1 -1
  112. package/dist/forms/control-message/control-message2.js +2 -2
  113. package/dist/grid/cell/cell.d.ts +1 -1
  114. package/dist/grid/cell/cell2.js +1 -1
  115. package/dist/grid/column/column.d.ts +1 -1
  116. package/dist/grid/column/column2.js +2 -2
  117. package/dist/grid/footer/footer.d.ts +1 -1
  118. package/dist/grid/footer/footer2.js +2 -2
  119. package/dist/grid/grid.d.ts +3 -2
  120. package/dist/grid/grid.examples.js.map +1 -1
  121. package/dist/grid/grid2.js +35 -27
  122. package/dist/grid/grid2.js.map +1 -1
  123. package/dist/grid/header/header.d.ts +1 -1
  124. package/dist/grid/header/header2.js +2 -2
  125. package/dist/grid/placeholder/placeholder.d.ts +1 -1
  126. package/dist/grid/placeholder/placeholder2.js +1 -1
  127. package/dist/grid/row/row.d.ts +1 -1
  128. package/dist/grid/row/row2.js +2 -2
  129. package/dist/icon/icon.d.ts +1 -1
  130. package/dist/icon/icon2.js +17 -9
  131. package/dist/icon/icon2.js.map +1 -1
  132. package/dist/icon/icons.d.ts +0 -2
  133. package/dist/icon/icons.js.map +1 -1
  134. package/dist/icon-button/icon-button.d.ts +1 -1
  135. package/dist/icon-button/icon-button.js +1 -1
  136. package/dist/icon-button/icon-button.js.map +1 -1
  137. package/dist/icon-button/icon-button2.js +2 -2
  138. package/dist/index.js +1 -1
  139. package/dist/input/input-group.examples.js.map +1 -1
  140. package/dist/input/input-group.examples.json +11 -0
  141. package/dist/input/input-group.js +1 -1
  142. package/dist/input/input-group.js.map +1 -1
  143. package/dist/input/input-group2.js +1 -1
  144. package/dist/input/input2.js +2 -2
  145. package/dist/internal/controllers/state-scroll.controller.d.ts +1 -0
  146. package/dist/internal/controllers/state-scroll.controller.js +25 -8
  147. package/dist/internal/controllers/state-scroll.controller.js.map +1 -1
  148. package/dist/internal/controllers/type-command.controller.d.ts +0 -4
  149. package/dist/internal/controllers/type-command.controller.js +6 -9
  150. package/dist/internal/controllers/type-command.controller.js.map +1 -1
  151. package/dist/internal/controllers/type-native-popover.controller.js +28 -21
  152. package/dist/internal/controllers/type-native-popover.controller.js.map +1 -1
  153. package/dist/internal/services/global.service.js +1 -1
  154. package/dist/internal/types/index.d.ts +0 -10
  155. package/dist/internal/types/index.js +0 -3
  156. package/dist/internal/types/index.js.map +1 -1
  157. package/dist/logo/logo.d.ts +1 -1
  158. package/dist/logo/logo2.js +2 -2
  159. package/dist/menu/menu-item.d.ts +1 -1
  160. package/dist/menu/menu-item2.js +2 -2
  161. package/dist/menu/menu.d.ts +1 -1
  162. package/dist/menu/menu.examples.js.map +1 -1
  163. package/dist/menu/menu.examples.json +1 -1
  164. package/dist/menu/menu2.js +2 -2
  165. package/dist/month/month.d.ts +1 -1
  166. package/dist/month/month2.js +2 -2
  167. package/dist/notification/notification-group.d.ts +1 -1
  168. package/dist/notification/notification-group2.js +2 -2
  169. package/dist/notification/notification.d.ts +2 -1
  170. package/dist/notification/notification.examples.js.map +1 -1
  171. package/dist/notification/notification.examples.json +0 -11
  172. package/dist/notification/notification2.js +18 -10
  173. package/dist/notification/notification2.js.map +1 -1
  174. package/dist/page/page-panel/page-panel-content.d.ts +1 -1
  175. package/dist/page/page-panel/page-panel-content2.js +1 -1
  176. package/dist/page/page-panel/page-panel-footer.d.ts +1 -1
  177. package/dist/page/page-panel/page-panel-footer2.js +2 -2
  178. package/dist/page/page-panel/page-panel-header.d.ts +1 -1
  179. package/dist/page/page-panel/page-panel-header2.js +2 -2
  180. package/dist/page/page-panel/page-panel.d.ts +2 -17
  181. package/dist/page/page-panel/page-panel.global.js +1 -1
  182. package/dist/page/page-panel/page-panel.global.js.map +1 -1
  183. package/dist/page/page-panel/page-panel2.js +16 -39
  184. package/dist/page/page-panel/page-panel2.js.map +1 -1
  185. package/dist/page/page.d.ts +1 -1
  186. package/dist/page/page.examples.js.map +1 -1
  187. package/dist/page/page.examples.json +0 -32
  188. package/dist/page/page2.js +2 -2
  189. package/dist/page-header/page-header.d.ts +1 -1
  190. package/dist/page-header/page-header2.js +1 -1
  191. package/dist/page-loader/page-loader.d.ts +1 -1
  192. package/dist/page-loader/page-loader2.js +2 -2
  193. package/dist/pagination/pagination.d.ts +1 -1
  194. package/dist/pagination/pagination2.js +2 -2
  195. package/dist/panel/panel.d.ts +8 -5
  196. package/dist/panel/panel.examples.js.map +1 -1
  197. package/dist/panel/panel2.js +5 -5
  198. package/dist/panel/panel2.js.map +1 -1
  199. package/dist/password/password.d.ts +1 -1
  200. package/dist/password/password2.js +2 -2
  201. package/dist/preferences-input/preferences-input.d.ts +1 -1
  202. package/dist/preferences-input/preferences-input2.js +2 -2
  203. package/dist/progress-bar/progress-bar.d.ts +1 -1
  204. package/dist/progress-bar/progress-bar2.js +2 -2
  205. package/dist/progress-ring/progress-ring.d.ts +1 -3
  206. package/dist/progress-ring/progress-ring2.js +9 -14
  207. package/dist/progress-ring/progress-ring2.js.map +1 -1
  208. package/dist/progressive-filter-chip/progressive-filter-chip.d.ts +1 -1
  209. package/dist/progressive-filter-chip/progressive-filter-chip2.js +2 -2
  210. package/dist/pulse/pulse.d.ts +1 -1
  211. package/dist/pulse/pulse2.js +2 -2
  212. package/dist/radio/radio-group2.js +2 -2
  213. package/dist/radio/radio2.js +2 -2
  214. package/dist/range/range.d.ts +1 -1
  215. package/dist/range/range2.js +2 -2
  216. package/dist/resize-handle/resize-handle.d.ts +1 -1
  217. package/dist/resize-handle/resize-handle2.js +2 -2
  218. package/dist/search/search.d.ts +1 -1
  219. package/dist/search/search2.js +2 -2
  220. package/dist/select/select.d.ts +2 -2
  221. package/dist/select/select2.js +2 -2
  222. package/dist/skeleton/skeleton.d.ts +1 -1
  223. package/dist/skeleton/skeleton2.js +2 -2
  224. package/dist/sort-button/sort-button.d.ts +1 -1
  225. package/dist/sort-button/sort-button2.js +2 -2
  226. package/dist/sparkline/sparkline.d.ts +1 -1
  227. package/dist/sparkline/sparkline2.js +2 -2
  228. package/dist/star-rating/star-rating.d.ts +1 -1
  229. package/dist/star-rating/star-rating2.js +2 -2
  230. package/dist/steps/steps.d.ts +2 -2
  231. package/dist/steps/steps2.js +3 -3
  232. package/dist/switch/switch-group2.js +2 -2
  233. package/dist/switch/switch2.js +2 -2
  234. package/dist/tabs/tabs-group.d.ts +1 -1
  235. package/dist/tabs/tabs-group2.js +2 -2
  236. package/dist/tabs/tabs-item.js +1 -1
  237. package/dist/tabs/tabs-item.js.map +1 -1
  238. package/dist/tabs/tabs.d.ts +2 -6
  239. package/dist/tabs/tabs.global.js +1 -1
  240. package/dist/tabs/tabs.global.js.map +1 -1
  241. package/dist/tabs/tabs.js +1 -1
  242. package/dist/tabs/tabs.js.map +1 -1
  243. package/dist/tabs/tabs2.js +3 -3
  244. package/dist/tabs/tabs2.js.map +1 -1
  245. package/dist/tag/tag.d.ts +1 -1
  246. package/dist/tag/tag2.js +2 -2
  247. package/dist/textarea/textarea2.js +1 -1
  248. package/dist/time/time.d.ts +1 -1
  249. package/dist/time/time2.js +2 -2
  250. package/dist/toast/toast.d.ts +3 -4
  251. package/dist/toast/toast2.js +3 -3
  252. package/dist/toast/toast2.js.map +1 -1
  253. package/dist/toggletip/toggletip-footer.d.ts +1 -1
  254. package/dist/toggletip/toggletip-footer2.js +2 -2
  255. package/dist/toggletip/toggletip-header.d.ts +1 -1
  256. package/dist/toggletip/toggletip-header2.js +2 -2
  257. package/dist/toggletip/toggletip.d.ts +1 -1
  258. package/dist/toggletip/toggletip.examples.js.map +1 -1
  259. package/dist/toggletip/toggletip2.js +2 -2
  260. package/dist/toolbar/toolbar.d.ts +1 -1
  261. package/dist/toolbar/toolbar2.js +2 -2
  262. package/dist/tooltip/tooltip.d.ts +1 -1
  263. package/dist/tooltip/tooltip2.js +2 -2
  264. package/dist/tree/tree-node.d.ts +1 -1
  265. package/dist/tree/tree-node2.js +2 -2
  266. package/dist/tree/tree.d.ts +1 -1
  267. package/dist/tree/tree2.js +2 -2
  268. package/dist/week/week.d.ts +1 -1
  269. package/dist/week/week2.js +2 -2
  270. package/package.json +15 -15
@@ -1 +1 @@
1
- {"version":3,"file":"badge.js","names":[],"sources":["../../src/badge/badge.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: var(--state-color-background);\n --color: var(--state-color);\n --gap: var(--nve-ref-space-xs);\n --font-size: var(--nve-ref-font-size-100);\n --icon-color: var(--color);\n --padding: 0 var(--nve-ref-size-200);\n --border: 0;\n --border-radius: var(--nve-ref-border-radius-sm);\n --font-weight: var(--nve-ref-font-weight-semibold);\n --text-transform: initial;\n --width: initial;\n --height: var(--nve-ref-size-600);\n display: inline-flex;\n}\n\n[internal-host] {\n font-weight: var(--font-weight);\n font-size: var(--font-size);\n gap: var(--gap);\n background: var(--background);\n color: var(--color);\n padding: var(--padding);\n border: var(--border);\n border-radius: var(--border-radius);\n width: var(--width);\n height: var(--height);\n text-transform: var(--text-transform);\n display: inline-flex;\n line-height: 1em;\n place-items: center;\n}\n\nslot:not([name]) {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n line-height: 1.15;\n}\n\n:host([aria-label]) slot:not([name]) {\n display: contents;\n}\n\n::slotted([nve-text]) {\n color: inherit !important;\n}\n\n::slotted(a) {\n margin: 0 !important;\n color: inherit !important;\n text-decoration: none !important;\n line-height: 0 !important;\n}\n\nnve-icon,\n::slotted(nve-icon) {\n --color: var(--icon-color);\n --width: var(--nve-ref-size-300);\n --height: var(--nve-ref-size-300);\n}\n\n:host([status]) {\n --state-color-base: var(--status-color);\n}\n\n/* trend status */\n:host([status='trend-down']) {\n --state-color-base: var(--nve-sys-visualization-trend-negative-emphasis-color);\n}\n\n:host([status='trend-up']) {\n --state-color-base: var(--nve-sys-visualization-trend-positive-emphasis-color);\n}\n\n:host([status='trend-neutral']) {\n --state-color-base: var(--nve-sys-status-pending-color);\n}\n\n:host([container='flat']) {\n --background: var(--nve-sys-background-color);\n --border-radius: var(--nve-ref-border-radius-sm);\n --gap: var(--nve-ref-space-xs);\n --padding: 0;\n --text-transform: capitalize;\n --width: initial;\n --height: initial;\n}\n"],"mappings":""}
1
+ {"version":3,"file":"badge.js","names":[],"sources":["../../src/badge/badge.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: var(--state-color-background);\n --color: var(--state-color);\n --gap: var(--nve-ref-space-xs);\n --font-size: var(--nve-ref-font-size-100);\n --icon-color: var(--color);\n --padding: 0 var(--nve-ref-size-200);\n --border: 0;\n --border-radius: var(--nve-ref-border-radius-sm);\n --font-weight: var(--nve-ref-font-weight-semibold);\n --text-transform: initial;\n --width: initial;\n --height: var(--nve-ref-size-600);\n display: inline-flex;\n}\n\n[internal-host] {\n font-weight: var(--font-weight);\n font-size: var(--font-size);\n gap: var(--gap);\n background: var(--background);\n color: var(--color);\n padding: var(--padding);\n border: var(--border);\n border-radius: var(--border-radius);\n width: var(--width);\n height: var(--height);\n text-transform: var(--text-transform);\n display: inline-flex;\n line-height: 1em;\n place-items: center;\n}\n\nslot:not([name]) {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n line-height: 1.15;\n}\n\n:host([aria-label]) slot:not([name]) {\n display: contents;\n}\n\n::slotted([nve-text]) {\n color: inherit !important;\n}\n\n::slotted(a) {\n margin: 0 !important;\n color: inherit !important;\n text-decoration: none !important;\n line-height: 0 !important;\n}\n\nnve-icon,\n::slotted(nve-icon) {\n --color: var(--icon-color);\n --width: var(--nve-ref-size-300);\n --height: var(--nve-ref-size-300);\n}\n\n:host([status]) {\n --state-color-base: var(--status-color);\n}\n\n:host([container='flat']) {\n --background: var(--nve-sys-background-color);\n --border-radius: var(--nve-ref-border-radius-sm);\n --gap: var(--nve-ref-space-xs);\n --padding: 0;\n --text-transform: capitalize;\n --width: initial;\n --height: initial;\n}\n"],"mappings":""}
@@ -4,7 +4,7 @@ import { typeSSR as n } from "../internal/controllers/type-ssr.controller.js";
4
4
  import { scopedRegistry as r } from "../internal/decorators/scoped-registry.js";
5
5
  import { colorStateStyles as i, statusStateStyles as a, supportStateStyles as o, useStyles as s } from "../internal/styles/index.js";
6
6
  import { statusIcons as c } from "../internal/types/index.js";
7
- import { __decorate as l } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
7
+ import { __decorate as l } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
8
8
  import { Icon as u } from "../icon/icon2.js";
9
9
  import d from "./badge.js";
10
10
  import { LitElement as f, html as p, nothing as m } from "lit";
@@ -25,7 +25,7 @@ var g = class extends f {
25
25
  static {
26
26
  this.metadata = {
27
27
  tag: "nve-badge",
28
- version: "0.2.3"
28
+ version: "2.0.0"
29
29
  };
30
30
  }
31
31
  static {
@@ -36,7 +36,7 @@ var g = class extends f {
36
36
  }
37
37
  #t;
38
38
  render() {
39
- return p`<div internal-host><slot name="prefix-icon">${this.status && !this.status?.includes("trend") ? p`<nve-icon part="_icon" .name="${c[this.status] ?? ""}" .size="${this.#e}" aria-hidden="true"></nve-icon>` : m}</slot><slot @slotchange="${this.#n}"></slot><slot name="suffix-icon">${this.status?.includes("trend") ? p`<nve-icon part="_icon" .name="${c[this.status]}" aria-hidden="true"></nve-icon>` : m}</slot></div>`;
39
+ return p`<div internal-host><slot name="prefix-icon">${this.status ? p`<nve-icon part="_icon" .name="${c[this.status] ?? ""}" .size="${this.#e}" aria-hidden="true"></nve-icon>` : m}</slot><slot @slotchange="${this.#n}"></slot><slot name="suffix-icon"></slot></div>`;
40
40
  }
41
41
  connectedCallback() {
42
42
  super.connectedCallback(), t(this), this._internals.role = "status";
@@ -48,8 +48,7 @@ var g = class extends f {
48
48
  this.#r(), this.#i();
49
49
  }
50
50
  #r() {
51
- let e = this.status?.includes("trend") ? ` ${this.i18n.trend} ${this.i18n[this.status.split("-")[1]]}` : "";
52
- this._internals.ariaLabel = this.textContent + e;
51
+ this._internals.ariaLabel = this.textContent;
53
52
  }
54
53
  #i() {
55
54
  let e = this.shadowRoot.querySelector("slot:not([name])").assignedElements().find((e) => e.matches("nve-icon") && !e.slot);
@@ -1 +1 @@
1
- {"version":3,"file":"badge2.js","names":["#i18nController","#size","#slotChange","#assignAriaLabel","#assignDefaultIcon"],"sources":["../../src/badge/badge.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, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport type { TaskStatus, SupportStatus, TrendStatus, Color, Prominence } from '@nvidia-elements/core/internal';\nimport {\n useStyles,\n statusIcons,\n statusStateStyles,\n supportStateStyles,\n colorStateStyles,\n attachInternals,\n I18nController,\n typeSSR,\n scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport styles from './badge.css?inline';\n\n/**\n * @element nve-badge\n * @description A visual indicator that communicates a status description of an associated component. Status badges use short text, color, built in icons for quick recognition and render near the relevant content.\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/badge\n * @slot - default slot for content\n * @slot prefix-icon - slot for prefix icon\n * @slot suffix-icon - slot for suffix icon\n * @cssprop --background\n * @cssprop --color\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --icon-color\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --font-weight\n * @cssprop --text-transform\n * @cssprop --width\n * @cssprop --height\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\n@typeSSR()\n@scopedRegistry()\nexport class Badge extends LitElement {\n /**\n * Visual treatment to represent a ongoing task, support status.\n */\n @property({ type: String, reflect: true }) status: TaskStatus | SupportStatus | TrendStatus;\n\n /**\n * Highlights content to draw attention and convey simple messages.\n */\n @property({ type: String, reflect: true }) color: Color;\n\n /**\n * Determines the container styles of component. Flat suits nesting within other containers.\n */\n @property({ type: String, reflect: true }) container?: 'flat';\n\n /** Determines the visual prominence or weight */\n @property({ type: String, reflect: true }) prominence?: Extract<Prominence, 'emphasis'>;\n\n static styles = useStyles([styles, statusStateStyles, supportStateStyles, colorStateStyles]);\n\n static readonly metadata = {\n tag: 'nve-badge',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [Icon.metadata.tag]: Icon\n };\n\n get #size() {\n return this.status && statusIcons[this.status] === 'dot' ? 'sm' : 'md';\n }\n\n /** @private */\n declare _internals: ElementInternals;\n\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 render() {\n return html`\n <div internal-host>\n <slot name=\"prefix-icon\">${this.status && !this.status?.includes('trend') ? html`<nve-icon part=\"_icon\" .name=${statusIcons[this.status] ?? ''} .size=${this.#size} aria-hidden=\"true\"></nve-icon>` : nothing}</slot>\n <slot @slotchange=${this.#slotChange}></slot>\n <slot name=\"suffix-icon\">\n ${this.status?.includes('trend') ? html`<nve-icon part=\"_icon\" .name=${statusIcons[this.status]} aria-hidden=\"true\"></nve-icon>` : nothing}\n </slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'status';\n }\n\n updated(props: PropertyValues<this>) {\n super.updated(props);\n this.#assignAriaLabel();\n }\n\n #slotChange() {\n this.#assignAriaLabel();\n this.#assignDefaultIcon();\n }\n\n #assignAriaLabel() {\n const trend = this.status?.includes('trend')\n ? ` ${this.i18n.trend} ${(this.i18n as Record<string, string>)[this.status!.split('-')[1]!]}`\n : '';\n this._internals.ariaLabel = this.textContent + trend;\n }\n\n #assignDefaultIcon() {\n const unassignedIcon = this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!\n .assignedElements()\n .find(i => i.matches('nve-icon') && !i.slot);\n if (unassignedIcon) {\n unassignedIcon.slot = 'prefix-icon';\n }\n }\n}\n"],"mappings":";;;;;;;;;;;;AA6CO,IAAA,IAAA,cAAoB,EAAW;;yBAqCI,IAAI,EAAqB,IAAI,eAKlC,KAAKA,GAAgB;;;gBAvBxC,EAAU;GAAC;GAAQ;GAAmB;GAAoB;EAAgB,CAAC;;;kBAEhE;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAEA,IAAIC,KAAQ;EACV,OAAO,KAAK,UAAU,EAAY,KAAK,YAAY,QAAQ,OAAO;CACpE;CAKA;CAOA,SAAS;EACP,OAAO,CAAI,+CAEoB,KAAK,UAAU,CAAC,KAAK,QAAQ,SAAS,OAAO,IAAI,CAAI,iCAAgC,EAAY,KAAK,WAAW,GAAG,WAAS,KAAKA,GAAM,oCAAmC,EAAQ,4BAC1L,KAAKC,GAAY,oCAEjC,KAAK,QAAQ,SAAS,OAAO,IAAI,CAAI,iCAAgC,EAAY,KAAK,QAAQ,oCAAmC,EAAQ;CAInJ;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQ,CAAK,GACnB,KAAKC,GAAiB;CACxB;CAEA,KAAc;EAEZ,AADA,KAAKA,GAAiB,GACtB,KAAKC,GAAmB;CAC1B;CAEA,KAAmB;EACjB,IAAM,IAAQ,KAAK,QAAQ,SAAS,OAAO,IACvC,IAAI,KAAK,KAAK,MAAM,GAAI,KAAK,KAAgC,KAAK,OAAQ,MAAM,GAAG,EAAE,QACrF;EACJ,KAAK,WAAW,YAAY,KAAK,cAAc;CACjD;CAEA,KAAqB;EACnB,IAAM,IAAiB,KAAK,WAAY,cAA+B,kBAAkB,EACtF,iBAAiB,EACjB,MAAK,MAAK,EAAE,QAAQ,UAAU,KAAK,CAAC,EAAE,IAAI;EAC7C,AAAI,MACF,EAAe,OAAO;CAE1B;AACF;GAnFG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,KAAA,CAAA,MAyBxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UA5C3B,EAAQ,GACR,EAAe,CAAA,GAAA,CAAA"}
1
+ {"version":3,"file":"badge2.js","names":["#i18nController","#size","#slotChange","#assignAriaLabel","#assignDefaultIcon"],"sources":["../../src/badge/badge.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, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport type { TaskStatus, SupportStatus, Color, Prominence } from '@nvidia-elements/core/internal';\nimport {\n useStyles,\n statusIcons,\n statusStateStyles,\n supportStateStyles,\n colorStateStyles,\n attachInternals,\n I18nController,\n typeSSR,\n scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport styles from './badge.css?inline';\n\n/**\n * @element nve-badge\n * @description A visual indicator that communicates a status description of an associated component. Status badges use short text, color, built in icons for quick recognition and render near the relevant content.\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/badge\n * @slot - default slot for content\n * @slot prefix-icon - slot for prefix icon\n * @slot suffix-icon - slot for suffix icon\n * @cssprop --background\n * @cssprop --color\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --icon-color\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --font-weight\n * @cssprop --text-transform\n * @cssprop --width\n * @cssprop --height\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\n@typeSSR()\n@scopedRegistry()\nexport class Badge extends LitElement {\n /**\n * Visual treatment to represent a ongoing task, support status.\n */\n @property({ type: String, reflect: true }) status: TaskStatus | SupportStatus;\n\n /**\n * Highlights content to draw attention and convey simple messages.\n */\n @property({ type: String, reflect: true }) color: Color;\n\n /**\n * Determines the container styles of component. Flat suits nesting within other containers.\n */\n @property({ type: String, reflect: true }) container?: 'flat';\n\n /** Determines the visual prominence or weight */\n @property({ type: String, reflect: true }) prominence?: Extract<Prominence, 'emphasis'>;\n\n static styles = useStyles([styles, statusStateStyles, supportStateStyles, colorStateStyles]);\n\n static readonly metadata = {\n tag: 'nve-badge',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [Icon.metadata.tag]: Icon\n };\n\n get #size() {\n return this.status && statusIcons[this.status] === 'dot' ? 'sm' : 'md';\n }\n\n /** @private */\n declare _internals: ElementInternals;\n\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 render() {\n return html`\n <div internal-host>\n <slot name=\"prefix-icon\">${this.status ? html`<nve-icon part=\"_icon\" .name=${statusIcons[this.status] ?? ''} .size=${this.#size} aria-hidden=\"true\"></nve-icon>` : nothing}</slot>\n <slot @slotchange=${this.#slotChange}></slot>\n <slot name=\"suffix-icon\"></slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'status';\n }\n\n updated(props: PropertyValues<this>) {\n super.updated(props);\n this.#assignAriaLabel();\n }\n\n #slotChange() {\n this.#assignAriaLabel();\n this.#assignDefaultIcon();\n }\n\n #assignAriaLabel() {\n this._internals.ariaLabel = this.textContent;\n }\n\n #assignDefaultIcon() {\n const unassignedIcon = this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!\n .assignedElements()\n .find(i => i.matches('nve-icon') && !i.slot);\n if (unassignedIcon) {\n unassignedIcon.slot = 'prefix-icon';\n }\n }\n}\n"],"mappings":";;;;;;;;;;;;AA6CO,IAAA,IAAA,cAAoB,EAAW;;yBAqCI,IAAI,EAAqB,IAAI,eAKlC,KAAKA,GAAgB;;;gBAvBxC,EAAU;GAAC;GAAQ;GAAmB;GAAoB;EAAgB,CAAC;;;kBAEhE;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAEA,IAAIC,KAAQ;EACV,OAAO,KAAK,UAAU,EAAY,KAAK,YAAY,QAAQ,OAAO;CACpE;CAKA;CAOA,SAAS;EACP,OAAO,CAAI,+CAEoB,KAAK,SAAS,CAAI,iCAAgC,EAAY,KAAK,WAAW,GAAG,WAAS,KAAKA,GAAM,oCAAmC,EAAQ,4BACvJ,KAAKC,GAAY;CAI3C;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQ,CAAK,GACnB,KAAKC,GAAiB;CACxB;CAEA,KAAc;EAEZ,AADA,KAAKA,GAAiB,GACtB,KAAKC,GAAmB;CAC1B;CAEA,KAAmB;EACjB,KAAK,WAAW,YAAY,KAAK;CACnC;CAEA,KAAqB;EACnB,IAAM,IAAiB,KAAK,WAAY,cAA+B,kBAAkB,EACtF,iBAAiB,EACjB,MAAK,MAAK,EAAE,QAAQ,UAAU,KAAK,CAAC,EAAE,IAAI;EAC7C,AAAI,MACF,EAAe,OAAO;CAE1B;AACF;GA9EG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,KAAA,CAAA,MAyBxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UA5C3B,EAAQ,GACR,EAAe,CAAA,GAAA,CAAA"}
@@ -17,11 +17,6 @@ import { Icon } from '../icon';
17
17
  * @cssprop --icon-width
18
18
  * @cssprop --icon-height
19
19
  * @cssprop --text-decoration
20
- * @cssprop --breadcrumb-height - deprecated
21
- * @cssprop --item-text-size - deprecated
22
- * @cssprop --item-color - deprecated
23
- * @cssprop --item-active-color - deprecated
24
- * @cssprop --item-active-font-weight - deprecated
25
20
  * @slot - default slot for `nve-button` and anchor elements
26
21
  * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role
27
22
  */
@@ -39,6 +34,6 @@ export declare class Breadcrumb extends LitElement {
39
34
  [Icon.metadata.tag]: typeof Icon;
40
35
  };
41
36
  private breadcrumbItems;
42
- render(): import('lit-html').TemplateResult<1>;
37
+ render(): import('lit').TemplateResult<1>;
43
38
  connectedCallback(): void;
44
39
  }
@@ -1,5 +1,5 @@
1
1
  //#region src/breadcrumb/breadcrumb.css?inline
2
- var e = ":host{--gap: var(--nve-ref-space-xxs);--height: var(--nve-ref-size-500);--font-size: var(--nve-ref-font-size-50);--color: var(--nve-sys-text-muted-color);--font-weight: var(--nve-ref-font-weight-medium)}[internal-host]{--_font-size: var(--item-text-size, var(--font-size));--_font-weight: var(--font-weight);--_color: var(--item-color, var(--color));--_height: var(--breadcrumb-height, var(--height))}ol,li{list-style-type:none;padding:0;display:flex;margin:0;min-height:0;align-items:flex-start;justify-content:stretch;gap:var(--gap)}li{display:flex;align-items:center;justify-content:center;text-wrap:nowrap;height:var(--_height)}::slotted(nve-button){--border-radius: calc(var(--nve-ref-border-radius-xs) / 2);--font-size: var(--_font-size);--color: var(--_color);--padding: 0 var(--nve-ref-size-100);--height: var(--_height);--font-weight: var(--_font-weight);--text-decoration: none !important;--_border-bottom-offset: -.5;--_border-bottom-width: 85%}::slotted(nve-icon-button){--border-radius: calc(var(--nve-ref-border-radius-xs) / 2);--icon-width: var(--nve-ref-size-300);--icon-height: var(--nve-ref-size-300);--height: var(--_height);--width: var(--_height);--font-size: var(--_font-size);--font-weight: var(--_font-weight);--color: var(--_color)}nve-icon[separator]{--height: var(--nve-ref-size-200);--width: var(--nve-ref-size-200);--color: var(--_color)}::slotted(span){font-size:var(--_font-size);color:var(--_color);display:block}::slotted(*:last-child){color:var(--item-active-color, var(--nve-sys-text-emphasis-color));font-weight:var(--item-active-font-weight, var(--nve-ref-font-weight-semibold));--font-weight: var(--item-active-font-weight, var(--nve-ref-font-weight-semibold));--color: var(--item-active-color, var(--nve-sys-text-emphasis-color))}[hidden-slot]{gap:var(--nve-ref-space-sm);display:flex;align-items:center}";
2
+ var e = ":host{--gap: var(--nve-ref-space-xxs);--height: var(--nve-ref-size-500);--font-size: var(--nve-ref-font-size-50);--color: var(--nve-sys-text-muted-color);--font-weight: var(--nve-ref-font-weight-medium)}[internal-host]{--_font-size: var(--font-size);--_font-weight: var(--font-weight);--_color: var(--color);--_height: var(--height)}ol,li{list-style-type:none;padding:0;display:flex;margin:0;min-height:0;align-items:flex-start;justify-content:stretch;gap:var(--gap)}li{display:flex;align-items:center;justify-content:center;text-wrap:nowrap;height:var(--_height)}::slotted(nve-button){--border-radius: calc(var(--nve-ref-border-radius-xs) / 2);--font-size: var(--_font-size);--color: var(--_color);--padding: 0 var(--nve-ref-size-100);--height: var(--_height);--font-weight: var(--_font-weight);--text-decoration: none !important;--_border-bottom-offset: -.5;--_border-bottom-width: 85%}::slotted(nve-icon-button){--border-radius: calc(var(--nve-ref-border-radius-xs) / 2);--icon-width: var(--nve-ref-size-300);--icon-height: var(--nve-ref-size-300);--height: var(--_height);--width: var(--_height);--font-size: var(--_font-size);--font-weight: var(--_font-weight);--color: var(--_color)}nve-icon[separator]{--height: var(--nve-ref-size-200);--width: var(--nve-ref-size-200);--color: var(--_color)}::slotted(span){font-size:var(--_font-size);color:var(--_color);display:block}::slotted(*:last-child){color:var(--nve-sys-text-emphasis-color);font-weight:var(--nve-ref-font-weight-semibold);--font-weight: var(--nve-ref-font-weight-semibold);--color: var(--nve-sys-text-emphasis-color)}[hidden-slot]{gap:var(--nve-ref-space-sm);display:flex;align-items:center}";
3
3
  //#endregion
4
4
  export { e as default };
5
5
 
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumb.js","names":[],"sources":["../../src/breadcrumb/breadcrumb.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: var(--nve-ref-space-xxs);\n --height: var(--nve-ref-size-500);\n --font-size: var(--nve-ref-font-size-50);\n --color: var(--nve-sys-text-muted-color);\n --font-weight: var(--nve-ref-font-weight-medium);\n}\n\n[internal-host] {\n --_font-size: var(--item-text-size, var(--font-size));\n --_font-weight: var(--font-weight);\n --_color: var(--item-color, var(--color));\n --_height: var(--breadcrumb-height, var(--height));\n}\n\nol,\nli {\n list-style-type: none;\n padding: 0;\n display: flex;\n margin: 0;\n min-height: 0;\n align-items: flex-start;\n justify-content: stretch;\n gap: var(--gap);\n}\n\nli {\n display: flex;\n align-items: center;\n justify-content: center;\n text-wrap: nowrap;\n height: var(--_height);\n}\n\n::slotted(nve-button) {\n --border-radius: calc(var(--nve-ref-border-radius-xs) / 2);\n --font-size: var(--_font-size);\n --color: var(--_color);\n --padding: 0 var(--nve-ref-size-100);\n --height: var(--_height);\n --font-weight: var(--_font-weight);\n --text-decoration: none !important;\n --_border-bottom-offset: -0.5;\n --_border-bottom-width: 85%;\n}\n\n::slotted(nve-icon-button) {\n --border-radius: calc(var(--nve-ref-border-radius-xs) / 2);\n --icon-width: var(--nve-ref-size-300);\n --icon-height: var(--nve-ref-size-300);\n --height: var(--_height);\n --width: var(--_height);\n --font-size: var(--_font-size);\n --font-weight: var(--_font-weight);\n --color: var(--_color);\n}\n\nnve-icon[separator] {\n --height: var(--nve-ref-size-200);\n --width: var(--nve-ref-size-200);\n --color: var(--_color);\n}\n\n::slotted(span) {\n font-size: var(--_font-size);\n color: var(--_color);\n display: block;\n}\n\n::slotted(*:last-child) {\n color: var(--item-active-color, var(--nve-sys-text-emphasis-color));\n font-weight: var(--item-active-font-weight, var(--nve-ref-font-weight-semibold));\n --font-weight: var(--item-active-font-weight, var(--nve-ref-font-weight-semibold));\n --color: var(--item-active-color, var(--nve-sys-text-emphasis-color));\n}\n\n[hidden-slot] {\n gap: var(--nve-ref-space-sm);\n display: flex;\n align-items: center;\n}\n"],"mappings":""}
1
+ {"version":3,"file":"breadcrumb.js","names":[],"sources":["../../src/breadcrumb/breadcrumb.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: var(--nve-ref-space-xxs);\n --height: var(--nve-ref-size-500);\n --font-size: var(--nve-ref-font-size-50);\n --color: var(--nve-sys-text-muted-color);\n --font-weight: var(--nve-ref-font-weight-medium);\n}\n\n[internal-host] {\n --_font-size: var(--font-size);\n --_font-weight: var(--font-weight);\n --_color: var(--color);\n --_height: var(--height);\n}\n\nol,\nli {\n list-style-type: none;\n padding: 0;\n display: flex;\n margin: 0;\n min-height: 0;\n align-items: flex-start;\n justify-content: stretch;\n gap: var(--gap);\n}\n\nli {\n display: flex;\n align-items: center;\n justify-content: center;\n text-wrap: nowrap;\n height: var(--_height);\n}\n\n::slotted(nve-button) {\n --border-radius: calc(var(--nve-ref-border-radius-xs) / 2);\n --font-size: var(--_font-size);\n --color: var(--_color);\n --padding: 0 var(--nve-ref-size-100);\n --height: var(--_height);\n --font-weight: var(--_font-weight);\n --text-decoration: none !important;\n --_border-bottom-offset: -0.5;\n --_border-bottom-width: 85%;\n}\n\n::slotted(nve-icon-button) {\n --border-radius: calc(var(--nve-ref-border-radius-xs) / 2);\n --icon-width: var(--nve-ref-size-300);\n --icon-height: var(--nve-ref-size-300);\n --height: var(--_height);\n --width: var(--_height);\n --font-size: var(--_font-size);\n --font-weight: var(--_font-weight);\n --color: var(--_color);\n}\n\nnve-icon[separator] {\n --height: var(--nve-ref-size-200);\n --width: var(--nve-ref-size-200);\n --color: var(--_color);\n}\n\n::slotted(span) {\n font-size: var(--_font-size);\n color: var(--_color);\n display: block;\n}\n\n::slotted(*:last-child) {\n color: var(--nve-sys-text-emphasis-color);\n font-weight: var(--nve-ref-font-weight-semibold);\n --font-weight: var(--nve-ref-font-weight-semibold);\n --color: var(--nve-sys-text-emphasis-color);\n}\n\n[hidden-slot] {\n gap: var(--nve-ref-space-sm);\n display: flex;\n align-items: center;\n}\n"],"mappings":""}
@@ -5,7 +5,7 @@ import { attachInternals as r } from "../internal/utils/a11y.js";
5
5
  import { typeSSR as i } from "../internal/controllers/type-ssr.controller.js";
6
6
  import { scopedRegistry as a } from "../internal/decorators/scoped-registry.js";
7
7
  import { useStyles as o } from "../internal/styles/index.js";
8
- import { __decorate as s } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
8
+ import { __decorate as s } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
9
9
  import { Icon as c } from "../icon/icon2.js";
10
10
  import l from "./breadcrumb.js";
11
11
  import { LitElement as u, html as d, nothing as f } from "lit";
@@ -24,7 +24,7 @@ var m = class extends u {
24
24
  static {
25
25
  this.metadata = {
26
26
  tag: "nve-breadcrumb",
27
- version: "0.2.3"
27
+ version: "2.0.0"
28
28
  };
29
29
  }
30
30
  static {
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumb2.js","names":["#removeItem","#createItems","#resetItems"],"sources":["../../src/breadcrumb/breadcrumb.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 { state } from 'lit/decorators/state.js';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n useStyles,\n keyNavigationList,\n attachInternals,\n generateId,\n isFocusable,\n typeSSR,\n scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport styles from './breadcrumb.css?inline';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport type { Button } from '@nvidia-elements/core/button';\n\n/**\n * @element nve-breadcrumb\n * @description Breadcrumb is a component that can help users establish their location while navigating a website with complex URLs and navigation paths.\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/breadcrumb\n * @cssprop --gap\n * @cssprop --height\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --width\n * @cssprop --icon-width\n * @cssprop --icon-height\n * @cssprop --text-decoration\n * @cssprop --breadcrumb-height - deprecated\n * @cssprop --item-text-size - deprecated\n * @cssprop --item-color - deprecated\n * @cssprop --item-active-color - deprecated\n * @cssprop --item-active-font-weight - deprecated\n * @slot - default slot for `nve-button` and anchor elements\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role\n */\n@typeSSR()\n@scopedRegistry()\n@keyNavigationList<Breadcrumb>()\nexport class Breadcrumb extends LitElement {\n get keynavListConfig(): KeynavListConfig {\n return {\n items: Array.from(this.shadowRoot!.querySelectorAll('slot'))\n .flatMap(slot => slot.assignedElements())\n .filter(e => isFocusable(e)) as HTMLElement[]\n };\n }\n\n /** @private */\n declare _internals: ElementInternals;\n\n static styles = useStyles([styles]);\n\n static readonly metadata = {\n tag: 'nve-breadcrumb',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [Icon.metadata.tag]: Icon\n };\n\n @state() private breadcrumbItems: Element[] = [];\n\n render() {\n /* eslint-disable @nvidia-elements/lint/no-unstyled-typography */\n return html`\n <ol internal-host>\n ${this.breadcrumbItems.map(\n (el, idx) => html`\n <li>\n <slot name=${el.slot} @slotchange=${this.#removeItem}></slot>\n ${idx < this.breadcrumbItems.length - 1 ? html`<nve-icon part=\"icon\" separator aria-hidden=\"true\" name=\"chevron\" direction=\"right\" size=\"sm\"></nve-icon>` : nothing}\n </li>\n `\n )}\n </ol>\n <slot ?hidden-slot=${!this.breadcrumbItems.length} @slotchange=${this.#createItems}></slot>`;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'navigation';\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 = this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!.assignedElements();\n items.filter(i => i.matches('nve-button, nve-icon-button, span, a')).forEach(i => (i.slot = generateId()));\n items\n .filter(i => i.matches('nve-button, nve-icon-button'))\n .forEach((i: Element) => ((i as Button).container = 'inline'));\n this.breadcrumbItems = items.length ? items : this.breadcrumbItems;\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":";;;;;;;;;;;;;AA8CO,IAAA,IAAA,cAAyB,EAAW;;sCAuBK,CAAC;;CAtB/C,IAAI,mBAAqC;EACvC,OAAO,EACL,OAAO,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,EACxD,SAAQ,MAAQ,EAAK,iBAAiB,CAAC,EACvC,QAAO,MAAK,EAAY,CAAC,CAAC,EAC/B;CACF;;gBAKgB,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAIA,SAAS;EAEP,OAAO,CAAI,qBAEP,KAAK,gBAAgB,KACpB,GAAI,MAAQ,CAAI,mBAEF,EAAG,KAAK,iBAAe,KAAKA,GAAY,WACnD,IAAM,KAAK,gBAAgB,SAAS,IAAI,CAAI,8GAA8G,EAAQ,MAGxK,EAAE,2BAEiB,CAAC,KAAK,gBAAgB,OAAO,iBAAe,KAAKC,GAAa;CACrF;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,GAAY,GAAU;EACpB,AAAM,EAAE,OAA2B,iBAAiB,EAAE,UACpD,KAAKC,GAAY;CAErB;CAEA,GAAa,GAAU;EACrB,IAAI,EAAE,UAAW,EAAE,OAA2B,iBAAiB,EAAE,QAAQ;GACvE,KAAKA,GAAY;GACjB,IAAM,IAAQ,KAAK,WAAY,cAA+B,kBAAkB,EAAG,iBAAiB;GAKpG,AAJA,EAAM,QAAO,MAAK,EAAE,QAAQ,sCAAsC,CAAC,EAAE,SAAQ,MAAM,EAAE,OAAO,EAAW,CAAE,GACzG,EACG,QAAO,MAAK,EAAE,QAAQ,6BAA6B,CAAC,EACpD,SAAS,MAAgB,EAAc,YAAY,QAAS,GAC/D,KAAK,kBAAkB,EAAM,SAAS,IAAQ,KAAK;EACrD;CACF;CAEA,KAAc;EACZ,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,EACjD,SAAQ,MAAK,EAAE,iBAAiB,CAAC,EACjC,SAAQ,MAAM,EAAE,OAAO,EAAG;CAC/B;AACF;GA/CG,EAAM,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA;CA1BR,EAAQ;CACR,EAAe;CACf,EAA8B"}
1
+ {"version":3,"file":"breadcrumb2.js","names":["#removeItem","#createItems","#resetItems"],"sources":["../../src/breadcrumb/breadcrumb.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 { state } from 'lit/decorators/state.js';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n useStyles,\n keyNavigationList,\n attachInternals,\n generateId,\n isFocusable,\n typeSSR,\n scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport styles from './breadcrumb.css?inline';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport type { Button } from '@nvidia-elements/core/button';\n\n/**\n * @element nve-breadcrumb\n * @description Breadcrumb is a component that can help users establish their location while navigating a website with complex URLs and navigation paths.\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/breadcrumb\n * @cssprop --gap\n * @cssprop --height\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --width\n * @cssprop --icon-width\n * @cssprop --icon-height\n * @cssprop --text-decoration\n * @slot - default slot for `nve-button` and anchor elements\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role\n */\n@typeSSR()\n@scopedRegistry()\n@keyNavigationList<Breadcrumb>()\nexport class Breadcrumb extends LitElement {\n get keynavListConfig(): KeynavListConfig {\n return {\n items: Array.from(this.shadowRoot!.querySelectorAll('slot'))\n .flatMap(slot => slot.assignedElements())\n .filter(e => isFocusable(e)) as HTMLElement[]\n };\n }\n\n /** @private */\n declare _internals: ElementInternals;\n\n static styles = useStyles([styles]);\n\n static readonly metadata = {\n tag: 'nve-breadcrumb',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [Icon.metadata.tag]: Icon\n };\n\n @state() private breadcrumbItems: Element[] = [];\n\n render() {\n /* eslint-disable @nvidia-elements/lint/no-unstyled-typography */\n return html`\n <ol internal-host>\n ${this.breadcrumbItems.map(\n (el, idx) => html`\n <li>\n <slot name=${el.slot} @slotchange=${this.#removeItem}></slot>\n ${idx < this.breadcrumbItems.length - 1 ? html`<nve-icon part=\"icon\" separator aria-hidden=\"true\" name=\"chevron\" direction=\"right\" size=\"sm\"></nve-icon>` : nothing}\n </li>\n `\n )}\n </ol>\n <slot ?hidden-slot=${!this.breadcrumbItems.length} @slotchange=${this.#createItems}></slot>`;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'navigation';\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 = this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!.assignedElements();\n items.filter(i => i.matches('nve-button, nve-icon-button, span, a')).forEach(i => (i.slot = generateId()));\n items\n .filter(i => i.matches('nve-button, nve-icon-button'))\n .forEach((i: Element) => ((i as Button).container = 'inline'));\n this.breadcrumbItems = items.length ? items : this.breadcrumbItems;\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":";;;;;;;;;;;;;AAyCO,IAAA,IAAA,cAAyB,EAAW;;sCAuBK,CAAC;;CAtB/C,IAAI,mBAAqC;EACvC,OAAO,EACL,OAAO,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,EACxD,SAAQ,MAAQ,EAAK,iBAAiB,CAAC,EACvC,QAAO,MAAK,EAAY,CAAC,CAAC,EAC/B;CACF;;gBAKgB,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAIA,SAAS;EAEP,OAAO,CAAI,qBAEP,KAAK,gBAAgB,KACpB,GAAI,MAAQ,CAAI,mBAEF,EAAG,KAAK,iBAAe,KAAKA,GAAY,WACnD,IAAM,KAAK,gBAAgB,SAAS,IAAI,CAAI,8GAA8G,EAAQ,MAGxK,EAAE,2BAEiB,CAAC,KAAK,gBAAgB,OAAO,iBAAe,KAAKC,GAAa;CACrF;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,GAAY,GAAU;EACpB,AAAM,EAAE,OAA2B,iBAAiB,EAAE,UACpD,KAAKC,GAAY;CAErB;CAEA,GAAa,GAAU;EACrB,IAAI,EAAE,UAAW,EAAE,OAA2B,iBAAiB,EAAE,QAAQ;GACvE,KAAKA,GAAY;GACjB,IAAM,IAAQ,KAAK,WAAY,cAA+B,kBAAkB,EAAG,iBAAiB;GAKpG,AAJA,EAAM,QAAO,MAAK,EAAE,QAAQ,sCAAsC,CAAC,EAAE,SAAQ,MAAM,EAAE,OAAO,EAAW,CAAE,GACzG,EACG,QAAO,MAAK,EAAE,QAAQ,6BAA6B,CAAC,EACpD,SAAS,MAAgB,EAAc,YAAY,QAAS,GAC/D,KAAK,kBAAkB,EAAM,SAAS,IAAQ,KAAK;EACrD;CACF;CAEA,KAAc;EACZ,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,EACjD,SAAQ,MAAK,EAAE,iBAAiB,CAAC,EACjC,SAAQ,MAAM,EAAE,OAAO,EAAG;CAC/B;AACF;GA/CG,EAAM,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA;CA1BR,EAAQ;CACR,EAAe;CACf,EAA8B"}
package/dist/bundle.d.ts CHANGED
@@ -1,3 +1,16 @@
1
+ export * from './accordion';
2
+ export * from './alert';
3
+ export * from './avatar';
4
+ export * from './badge';
5
+ export * from './breadcrumb';
6
+ export * from './button';
7
+ export * from './button-group';
8
+ export * from './card';
9
+ export * from './chat-message';
10
+ export * from './checkbox';
11
+ export * from './color';
12
+ export * from './combobox';
13
+ export * from './copy-button';
1
14
  export * from './date';
2
15
  export * from './datetime';
3
16
  export * from './dialog';
@@ -5,6 +18,7 @@ export * from './divider';
5
18
  export * from './dot';
6
19
  export * from './drawer';
7
20
  export * from './dropdown';
21
+ export * from './dropdown-group';
8
22
  export * from './dropzone';
9
23
  export * from './file';
10
24
  export * from './format-datetime';