@nvidia-elements/core 2.0.4 → 2.1.1
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.
- package/CHANGELOG.md +22 -0
- package/dist/_virtual/{_@oxc-project_runtime@0.133.0 → _@oxc-project_runtime@0.139.0}/helpers/esm/decorate.js +2 -2
- package/dist/accordion/accordion.d.ts +17 -12
- package/dist/accordion/accordion2.js +5 -5
- package/dist/accordion/accordion2.js.map +1 -1
- package/dist/accordion/define.d.ts +1 -1
- package/dist/alert/alert-group.d.ts +6 -4
- package/dist/alert/alert-group2.js +2 -2
- package/dist/alert/alert-group2.js.map +1 -1
- package/dist/alert/alert.d.ts +7 -6
- package/dist/alert/alert2.js +2 -2
- package/dist/alert/alert2.js.map +1 -1
- package/dist/alert/define.d.ts +1 -1
- package/dist/avatar/avatar-group.d.ts +2 -2
- package/dist/avatar/avatar-group2.js +1 -1
- package/dist/avatar/avatar.d.ts +4 -3
- package/dist/avatar/avatar2.js +2 -2
- package/dist/avatar/avatar2.js.map +1 -1
- package/dist/avatar/define.d.ts +1 -1
- package/dist/badge/badge.d.ts +8 -6
- package/dist/badge/badge2.js +2 -2
- package/dist/badge/badge2.js.map +1 -1
- package/dist/badge/define.d.ts +1 -1
- package/dist/breadcrumb/breadcrumb.d.ts +5 -4
- package/dist/breadcrumb/breadcrumb2.js +2 -2
- package/dist/breadcrumb/breadcrumb2.js.map +1 -1
- package/dist/breadcrumb/define.d.ts +1 -1
- package/dist/bundle.d.ts +136 -67
- package/dist/bundles/index.d.ts +152 -0
- package/dist/bundles/index.js +4 -4
- package/dist/button/button.d.ts +5 -4
- package/dist/button/button2.js +2 -2
- package/dist/button/button2.js.map +1 -1
- package/dist/button/define.d.ts +1 -1
- package/dist/button-group/button-group.d.ts +6 -4
- package/dist/button-group/button-group2.js +2 -2
- package/dist/button-group/button-group2.js.map +1 -1
- package/dist/button-group/define.d.ts +1 -1
- package/dist/card/card.d.ts +13 -9
- package/dist/card/card2.js +5 -5
- package/dist/card/card2.js.map +1 -1
- package/dist/card/define.d.ts +1 -1
- package/dist/chat-message/chat-message.d.ts +4 -3
- package/dist/chat-message/chat-message2.js +2 -2
- package/dist/chat-message/chat-message2.js.map +1 -1
- package/dist/chat-message/define.d.ts +1 -1
- package/dist/checkbox/checkbox-group.d.ts +2 -2
- package/dist/checkbox/checkbox-group2.js +2 -2
- package/dist/checkbox/checkbox.d.ts +3 -2
- package/dist/checkbox/checkbox2.js +2 -2
- package/dist/checkbox/checkbox2.js.map +1 -1
- package/dist/checkbox/define.d.ts +1 -1
- package/dist/color/color.d.ts +6 -5
- package/dist/color/color2.js +2 -2
- package/dist/color/color2.js.map +1 -1
- package/dist/color/define.d.ts +1 -1
- package/dist/combobox/combobox.d.ts +13 -11
- package/dist/combobox/combobox2.js +2 -2
- package/dist/combobox/combobox2.js.map +1 -1
- package/dist/combobox/define.d.ts +1 -1
- package/dist/copy-button/copy-button.d.ts +8 -7
- package/dist/copy-button/copy-button2.js +2 -2
- package/dist/copy-button/copy-button2.js.map +1 -1
- package/dist/copy-button/define.d.ts +1 -1
- package/dist/custom-elements-jsx.d.ts +52 -0
- package/dist/custom-elements-vue.d.ts +52 -0
- package/dist/custom-elements.json +518 -1
- package/dist/data.html.json +388 -349
- package/dist/date/date.d.ts +6 -5
- package/dist/date/date2.js +2 -2
- package/dist/date/date2.js.map +1 -1
- package/dist/date/define.d.ts +1 -1
- package/dist/datetime/datetime.d.ts +6 -5
- package/dist/datetime/datetime2.js +2 -2
- package/dist/datetime/datetime2.js.map +1 -1
- package/dist/datetime/define.d.ts +1 -1
- package/dist/dialog/define.d.ts +1 -1
- package/dist/dialog/dialog-footer.d.ts +3 -2
- package/dist/dialog/dialog-footer2.js +2 -2
- package/dist/dialog/dialog-footer2.js.map +1 -1
- package/dist/dialog/dialog-header.d.ts +3 -2
- package/dist/dialog/dialog-header2.js +2 -2
- package/dist/dialog/dialog-header2.js.map +1 -1
- package/dist/dialog/dialog.d.ts +7 -5
- package/dist/dialog/dialog2.js +2 -2
- package/dist/dialog/dialog2.js.map +1 -1
- package/dist/divider/define.d.ts +1 -1
- package/dist/divider/divider.d.ts +5 -3
- package/dist/divider/divider2.js +2 -2
- package/dist/divider/divider2.js.map +1 -1
- package/dist/dot/define.d.ts +1 -1
- package/dist/dot/dot.d.ts +4 -3
- package/dist/dot/dot2.js +2 -2
- package/dist/dot/dot2.js.map +1 -1
- package/dist/drawer/define.d.ts +1 -1
- package/dist/drawer/drawer-content.d.ts +2 -2
- package/dist/drawer/drawer-content2.js +2 -2
- package/dist/drawer/drawer-footer.d.ts +3 -2
- package/dist/drawer/drawer-footer2.js +2 -2
- package/dist/drawer/drawer-footer2.js.map +1 -1
- package/dist/drawer/drawer-header.d.ts +3 -2
- package/dist/drawer/drawer-header2.js +2 -2
- package/dist/drawer/drawer-header2.js.map +1 -1
- package/dist/drawer/drawer.d.ts +7 -5
- package/dist/drawer/drawer2.js +2 -2
- package/dist/drawer/drawer2.js.map +1 -1
- package/dist/dropdown/define.d.ts +1 -1
- package/dist/dropdown/dropdown-footer.d.ts +3 -2
- package/dist/dropdown/dropdown-footer2.js +2 -2
- package/dist/dropdown/dropdown-footer2.js.map +1 -1
- package/dist/dropdown/dropdown-header.d.ts +3 -2
- package/dist/dropdown/dropdown-header2.js +2 -2
- package/dist/dropdown/dropdown-header2.js.map +1 -1
- package/dist/dropdown/dropdown.d.ts +7 -5
- package/dist/dropdown/dropdown2.js +2 -2
- package/dist/dropdown/dropdown2.js.map +1 -1
- package/dist/dropdown-group/define.d.ts +1 -1
- package/dist/dropdown-group/dropdown-group.d.ts +4 -3
- package/dist/dropdown-group/dropdown-group.js +2 -2
- package/dist/dropdown-group/dropdown-group.js.map +1 -1
- package/dist/dropzone/define.d.ts +1 -1
- package/dist/dropzone/dropzone.d.ts +13 -12
- package/dist/dropzone/dropzone.util.d.ts +1 -1
- package/dist/dropzone/dropzone.util.js.map +1 -1
- package/dist/dropzone/dropzone2.js +2 -2
- package/dist/dropzone/dropzone2.js.map +1 -1
- package/dist/file/define.d.ts +1 -1
- package/dist/file/file.d.ts +3 -2
- package/dist/file/file2.js +1 -1
- package/dist/file/file2.js.map +1 -1
- package/dist/format-datetime/define.d.ts +1 -1
- package/dist/format-datetime/format-datetime.d.ts +3 -2
- package/dist/format-datetime/format-datetime2.js +2 -2
- package/dist/format-datetime/format-datetime2.js.map +1 -1
- package/dist/format-number/define.d.ts +1 -1
- package/dist/format-number/format-number.d.ts +3 -2
- package/dist/format-number/format-number2.js +3 -3
- package/dist/format-number/format-number2.js.map +1 -1
- package/dist/format-relative-time/define.d.ts +1 -1
- package/dist/format-relative-time/format-relative-time.d.ts +3 -2
- package/dist/format-relative-time/format-relative-time2.js +2 -2
- package/dist/format-relative-time/format-relative-time2.js.map +1 -1
- package/dist/forms/control/control.d.ts +5 -3
- package/dist/forms/control/control2.js +2 -2
- package/dist/forms/control/control2.js.map +1 -1
- package/dist/forms/control-group/control-group.d.ts +5 -3
- package/dist/forms/control-group/control-group2.js +2 -2
- package/dist/forms/control-group/control-group2.js.map +1 -1
- package/dist/forms/control-message/control-message.d.ts +5 -4
- package/dist/forms/control-message/control-message2.js +2 -2
- package/dist/forms/control-message/control-message2.js.map +1 -1
- package/dist/forms/define.d.ts +1 -1
- package/dist/forms/utils/layout.d.ts +2 -2
- package/dist/forms/utils/layout.js +1 -1
- package/dist/forms/utils/layout.js.map +1 -1
- package/dist/forms/utils/states.d.ts +2 -2
- package/dist/forms/utils/states.js +1 -1
- package/dist/forms/utils/states.js.map +1 -1
- package/dist/gauge/define.d.ts +6 -0
- package/dist/gauge/define.js +7 -0
- package/dist/gauge/define.js.map +1 -0
- package/dist/gauge/gauge.d.ts +53 -0
- package/dist/gauge/gauge.examples.js +6 -0
- package/dist/gauge/gauge.examples.js.map +1 -0
- package/dist/gauge/gauge.examples.json +147 -0
- package/dist/gauge/gauge.js +6 -0
- package/dist/gauge/gauge.js.map +1 -0
- package/dist/gauge/gauge2.js +106 -0
- package/dist/gauge/gauge2.js.map +1 -0
- package/dist/gauge/index.d.ts +1 -0
- package/dist/gauge/index.js +2 -0
- package/dist/grid/cell/cell.d.ts +3 -2
- package/dist/grid/cell/cell2.js +1 -1
- package/dist/grid/cell/cell2.js.map +1 -1
- package/dist/grid/column/column.d.ts +5 -3
- package/dist/grid/column/column2.js +2 -2
- package/dist/grid/column/column2.js.map +1 -1
- package/dist/grid/define.d.ts +1 -1
- package/dist/grid/footer/footer.d.ts +2 -2
- package/dist/grid/footer/footer2.js +2 -2
- package/dist/grid/grid.d.ts +7 -5
- package/dist/grid/grid2.js +2 -2
- package/dist/grid/grid2.js.map +1 -1
- package/dist/grid/header/header.d.ts +5 -3
- package/dist/grid/header/header2.js +2 -2
- package/dist/grid/header/header2.js.map +1 -1
- package/dist/grid/placeholder/placeholder.d.ts +2 -2
- package/dist/grid/placeholder/placeholder2.js +1 -1
- package/dist/grid/row/row.d.ts +3 -2
- package/dist/grid/row/row2.js +2 -2
- package/dist/grid/row/row2.js.map +1 -1
- package/dist/icon/define.d.ts +1 -1
- package/dist/icon/icon.d.ts +7 -5
- package/dist/icon/icon2.js +3 -3
- package/dist/icon/icon2.js.map +1 -1
- package/dist/icon/icons.js.map +1 -1
- package/dist/icon-button/define.d.ts +1 -1
- package/dist/icon-button/icon-button.d.ts +7 -5
- package/dist/icon-button/icon-button2.js +2 -2
- package/dist/icon-button/icon-button2.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/input/define.d.ts +1 -1
- package/dist/input/input-group.d.ts +3 -2
- package/dist/input/input-group2.js +1 -1
- package/dist/input/input-group2.js.map +1 -1
- package/dist/input/input.d.ts +4 -3
- package/dist/input/input2.js +2 -2
- package/dist/input/input2.js.map +1 -1
- package/dist/internal/controllers/audit.controller.d.ts +1 -1
- package/dist/internal/controllers/i18n.controller.d.ts +3 -3
- package/dist/internal/controllers/i18n.controller.js +1 -1
- package/dist/internal/controllers/i18n.controller.js.map +1 -1
- package/dist/internal/controllers/keynav-grid.controller.d.ts +1 -1
- package/dist/internal/controllers/keynav-grid.controller.js.map +1 -1
- package/dist/internal/controllers/keynav-list.controller.d.ts +1 -1
- package/dist/internal/controllers/keynav-list.controller.js.map +1 -1
- package/dist/internal/controllers/state-expanded.controller.d.ts +1 -1
- package/dist/internal/controllers/state-highlighted.controller.d.ts +1 -1
- package/dist/internal/controllers/state-scroll.controller.d.ts +1 -1
- package/dist/internal/controllers/state-selected.controller.d.ts +1 -1
- package/dist/internal/controllers/state-selected.controller.js.map +1 -1
- package/dist/internal/controllers/type-anchor.controller.d.ts +1 -1
- package/dist/internal/controllers/type-anchor.controller.js.map +1 -1
- package/dist/internal/controllers/type-closable.controller.d.ts +1 -1
- package/dist/internal/controllers/type-expandable.controller.d.ts +1 -1
- package/dist/internal/controllers/type-native-popover.controller.d.ts +2 -2
- package/dist/internal/controllers/type-native-popover.controller.js.map +1 -1
- package/dist/internal/controllers/type-native-popover.utils.js.map +1 -1
- package/dist/internal/controllers/type-selectable.controller.d.ts +1 -1
- package/dist/internal/controllers/type-ssr.controller.d.ts +1 -1
- package/dist/internal/controllers/type-ssr.controller.js.map +1 -1
- package/dist/internal/controllers/type-touch.controller.d.ts +2 -2
- package/dist/internal/controllers/type-touch.controller.js.map +1 -1
- package/dist/internal/decorators/host-attr.d.ts +2 -2
- package/dist/internal/services/global.service.d.ts +1 -1
- package/dist/internal/services/global.service.js +1 -1
- package/dist/internal/services/global.service.js.map +1 -1
- package/dist/internal/services/global.utils.js.map +1 -1
- package/dist/internal/services/i18n.service.js.map +1 -1
- package/dist/internal/services/transition.service.js.map +1 -1
- package/dist/internal/styles/index.d.ts +1 -1
- package/dist/internal/types/index.d.ts +3 -3
- package/dist/internal/utils/a11y.js.map +1 -1
- package/dist/internal/utils/audit-logs.js +1 -1
- package/dist/internal/utils/audit.js.map +1 -1
- package/dist/internal/utils/dom.d.ts +1 -1
- package/dist/internal/utils/dom.js +10 -10
- package/dist/internal/utils/dom.js.map +1 -1
- package/dist/internal/utils/focus.js.map +1 -1
- package/dist/internal/utils/objects.js.map +1 -1
- package/dist/internal/utils/strings.js +1 -1
- package/dist/internal/utils/strings.js.map +1 -1
- package/dist/logo/define.d.ts +1 -1
- package/dist/logo/logo.d.ts +4 -3
- package/dist/logo/logo2.js +2 -2
- package/dist/logo/logo2.js.map +1 -1
- package/dist/menu/define.d.ts +1 -1
- package/dist/menu/menu-item.d.ts +4 -3
- package/dist/menu/menu-item2.js +2 -2
- package/dist/menu/menu-item2.js.map +1 -1
- package/dist/menu/menu.d.ts +5 -4
- package/dist/menu/menu2.js +2 -2
- package/dist/menu/menu2.js.map +1 -1
- package/dist/month/define.d.ts +1 -1
- package/dist/month/month.d.ts +6 -5
- package/dist/month/month2.js +2 -2
- package/dist/month/month2.js.map +1 -1
- package/dist/notification/define.d.ts +1 -1
- package/dist/notification/notification-group.d.ts +5 -3
- package/dist/notification/notification-group2.js +2 -2
- package/dist/notification/notification-group2.js.map +1 -1
- package/dist/notification/notification.d.ts +10 -7
- package/dist/notification/notification2.js +2 -2
- package/dist/notification/notification2.js.map +1 -1
- package/dist/page/define.d.ts +1 -1
- package/dist/page/page-panel/page-panel-content.d.ts +3 -2
- package/dist/page/page-panel/page-panel-content2.js +1 -1
- package/dist/page/page-panel/page-panel-content2.js.map +1 -1
- package/dist/page/page-panel/page-panel-footer.d.ts +3 -2
- package/dist/page/page-panel/page-panel-footer2.js +2 -2
- package/dist/page/page-panel/page-panel-footer2.js.map +1 -1
- package/dist/page/page-panel/page-panel-header.d.ts +3 -2
- package/dist/page/page-panel/page-panel-header2.js +2 -2
- package/dist/page/page-panel/page-panel-header2.js.map +1 -1
- package/dist/page/page-panel/page-panel.d.ts +5 -4
- package/dist/page/page-panel/page-panel2.js +2 -2
- package/dist/page/page-panel/page-panel2.js.map +1 -1
- package/dist/page/page.d.ts +3 -2
- package/dist/page/page2.js +2 -2
- package/dist/page/page2.js.map +1 -1
- package/dist/page-header/define.d.ts +1 -1
- package/dist/page-header/page-header.d.ts +3 -2
- package/dist/page-header/page-header2.js +1 -1
- package/dist/page-header/page-header2.js.map +1 -1
- package/dist/page-loader/define.d.ts +1 -1
- package/dist/page-loader/page-loader.d.ts +6 -4
- package/dist/page-loader/page-loader2.js +2 -2
- package/dist/page-loader/page-loader2.js.map +1 -1
- package/dist/pagination/define.d.ts +1 -1
- package/dist/pagination/pagination.d.ts +9 -8
- package/dist/pagination/pagination2.js +2 -2
- package/dist/pagination/pagination2.js.map +1 -1
- package/dist/panel/define.d.ts +1 -1
- package/dist/panel/panel.d.ts +14 -10
- package/dist/panel/panel2.js +5 -5
- package/dist/panel/panel2.js.map +1 -1
- package/dist/password/define.d.ts +1 -1
- package/dist/password/password.d.ts +6 -5
- package/dist/password/password2.js +2 -2
- package/dist/password/password2.js.map +1 -1
- package/dist/polyfills/custom-state-set.js.map +1 -1
- package/dist/polyfills/index.d.ts +13 -0
- package/dist/preferences-input/define.d.ts +1 -1
- package/dist/preferences-input/preferences-input.d.ts +14 -13
- package/dist/preferences-input/preferences-input2.js +2 -2
- package/dist/preferences-input/preferences-input2.js.map +1 -1
- package/dist/progress-bar/define.d.ts +1 -1
- package/dist/progress-bar/progress-bar.d.ts +4 -3
- package/dist/progress-bar/progress-bar2.js +2 -2
- package/dist/progress-bar/progress-bar2.js.map +1 -1
- package/dist/progress-ring/define.d.ts +1 -1
- package/dist/progress-ring/progress-ring.d.ts +8 -6
- package/dist/progress-ring/progress-ring2.js +4 -4
- package/dist/progress-ring/progress-ring2.js.map +1 -1
- package/dist/progressive-filter-chip/define.d.ts +1 -1
- package/dist/progressive-filter-chip/progressive-filter-chip.d.ts +8 -7
- package/dist/progressive-filter-chip/progressive-filter-chip2.js +2 -2
- package/dist/progressive-filter-chip/progressive-filter-chip2.js.map +1 -1
- package/dist/pulse/define.d.ts +1 -1
- package/dist/pulse/pulse.d.ts +5 -4
- package/dist/pulse/pulse2.js +2 -2
- package/dist/pulse/pulse2.js.map +1 -1
- package/dist/radio/define.d.ts +1 -1
- package/dist/radio/radio-group.d.ts +2 -2
- package/dist/radio/radio-group2.js +2 -2
- package/dist/radio/radio.d.ts +3 -2
- package/dist/radio/radio2.js +2 -2
- package/dist/radio/radio2.js.map +1 -1
- package/dist/range/define.d.ts +1 -1
- package/dist/range/range.d.ts +6 -4
- package/dist/range/range2.js +2 -2
- package/dist/range/range2.js.map +1 -1
- package/dist/resize-handle/define.d.ts +1 -1
- package/dist/resize-handle/resize-handle.d.ts +7 -6
- package/dist/resize-handle/resize-handle2.js +2 -2
- package/dist/resize-handle/resize-handle2.js.map +1 -1
- package/dist/search/define.d.ts +1 -1
- package/dist/search/search.d.ts +6 -5
- package/dist/search/search2.js +2 -2
- package/dist/search/search2.js.map +1 -1
- package/dist/select/define.d.ts +1 -1
- package/dist/select/select.d.ts +12 -10
- package/dist/select/select2.js +2 -2
- package/dist/select/select2.js.map +1 -1
- package/dist/skeleton/define.d.ts +1 -1
- package/dist/skeleton/skeleton.d.ts +4 -3
- package/dist/skeleton/skeleton2.js +2 -2
- package/dist/skeleton/skeleton2.js.map +1 -1
- package/dist/sort-button/define.d.ts +1 -1
- package/dist/sort-button/sort-button.d.ts +6 -5
- package/dist/sort-button/sort-button2.js +2 -2
- package/dist/sort-button/sort-button2.js.map +1 -1
- package/dist/sparkline/define.d.ts +1 -1
- package/dist/sparkline/sparkline.d.ts +6 -4
- package/dist/sparkline/sparkline.utils.d.ts +1 -1
- package/dist/sparkline/sparkline.utils.js.map +1 -1
- package/dist/sparkline/sparkline2.js +2 -2
- package/dist/sparkline/sparkline2.js.map +1 -1
- package/dist/star-rating/define.d.ts +1 -1
- package/dist/star-rating/star-rating.d.ts +6 -5
- package/dist/star-rating/star-rating2.js +2 -2
- package/dist/star-rating/star-rating2.js.map +1 -1
- package/dist/steps/define.d.ts +1 -1
- package/dist/steps/steps.d.ts +12 -9
- package/dist/steps/steps2.js +3 -3
- package/dist/steps/steps2.js.map +1 -1
- package/dist/switch/define.d.ts +1 -1
- package/dist/switch/switch-group.d.ts +2 -2
- package/dist/switch/switch-group2.js +2 -2
- package/dist/switch/switch.d.ts +3 -2
- package/dist/switch/switch2.js +2 -2
- package/dist/switch/switch2.js.map +1 -1
- package/dist/tabs/define.d.ts +1 -1
- package/dist/tabs/tabs-group.d.ts +5 -3
- package/dist/tabs/tabs-group2.js +2 -2
- package/dist/tabs/tabs-group2.js.map +1 -1
- package/dist/tabs/tabs.d.ts +10 -7
- package/dist/tabs/tabs2.js +3 -3
- package/dist/tabs/tabs2.js.map +1 -1
- package/dist/tag/define.d.ts +1 -1
- package/dist/tag/tag.d.ts +7 -6
- package/dist/tag/tag2.js +2 -2
- package/dist/tag/tag2.js.map +1 -1
- package/dist/textarea/define.d.ts +1 -1
- package/dist/textarea/textarea.d.ts +3 -2
- package/dist/textarea/textarea2.js +1 -1
- package/dist/textarea/textarea2.js.map +1 -1
- package/dist/time/define.d.ts +1 -1
- package/dist/time/time.d.ts +6 -5
- package/dist/time/time2.js +2 -2
- package/dist/time/time2.js.map +1 -1
- package/dist/toast/define.d.ts +1 -1
- package/dist/toast/toast.d.ts +8 -6
- package/dist/toast/toast2.js +2 -2
- package/dist/toast/toast2.js.map +1 -1
- package/dist/toggletip/define.d.ts +1 -1
- package/dist/toggletip/toggletip-footer.d.ts +3 -2
- package/dist/toggletip/toggletip-footer2.js +2 -2
- package/dist/toggletip/toggletip-footer2.js.map +1 -1
- package/dist/toggletip/toggletip-header.d.ts +3 -2
- package/dist/toggletip/toggletip-header2.js +2 -2
- package/dist/toggletip/toggletip-header2.js.map +1 -1
- package/dist/toggletip/toggletip.d.ts +7 -5
- package/dist/toggletip/toggletip2.js +2 -2
- package/dist/toggletip/toggletip2.js.map +1 -1
- package/dist/toolbar/define.d.ts +1 -1
- package/dist/toolbar/toolbar.d.ts +6 -4
- package/dist/toolbar/toolbar2.js +2 -2
- package/dist/toolbar/toolbar2.js.map +1 -1
- package/dist/tooltip/define.d.ts +1 -1
- package/dist/tooltip/tooltip.d.ts +5 -3
- package/dist/tooltip/tooltip2.js +2 -2
- package/dist/tooltip/tooltip2.js.map +1 -1
- package/dist/tree/define.d.ts +1 -1
- package/dist/tree/tree-node.d.ts +7 -6
- package/dist/tree/tree-node2.js +2 -2
- package/dist/tree/tree-node2.js.map +1 -1
- package/dist/tree/tree.d.ts +6 -4
- package/dist/tree/tree2.js +2 -2
- package/dist/tree/tree2.js.map +1 -1
- package/dist/week/define.d.ts +1 -1
- package/dist/week/week.d.ts +6 -5
- package/dist/week/week2.js +2 -2
- package/dist/week/week2.js.map +1 -1
- package/package.json +23 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,25 @@
|
|
|
1
|
+
## <small>2.1.1 (2026-07-20)</small>
|
|
2
|
+
|
|
3
|
+
* chore(docs): add custom data reference tests ([af48603](https://github.com/NVIDIA/elements/commit/af48603))
|
|
4
|
+
* chore(internals): generate custom data references ([3f2bd36](https://github.com/NVIDIA/elements/commit/3f2bd36))
|
|
5
|
+
* fix(code): include custom data documentation references ([f4efebb](https://github.com/NVIDIA/elements/commit/f4efebb))
|
|
6
|
+
* fix(core): include custom data documentation references ([bf9168c](https://github.com/NVIDIA/elements/commit/bf9168c))
|
|
7
|
+
* fix(markdown): include custom data documentation references ([b887400](https://github.com/NVIDIA/elements/commit/b887400))
|
|
8
|
+
* fix(monaco): include custom data documentation references ([75f42f5](https://github.com/NVIDIA/elements/commit/75f42f5))
|
|
9
|
+
|
|
10
|
+
## 2.1.0 (2026-07-18)
|
|
11
|
+
|
|
12
|
+
* chore(ci): improve test coverage ([4ef2eb3](https://github.com/NVIDIA/elements/commit/4ef2eb3))
|
|
13
|
+
* chore(ci): update lighthouse ([4bffdb2](https://github.com/NVIDIA/elements/commit/4bffdb2))
|
|
14
|
+
* chore(ci): update stylelint to version ([522e1c4](https://github.com/NVIDIA/elements/commit/522e1c4))
|
|
15
|
+
* chore(ci): upgrade built to ts7 rc ([77117a1](https://github.com/NVIDIA/elements/commit/77117a1))
|
|
16
|
+
* chore(release): @nvidia-elements/forms-v2.0.3 [skip ci] ([5285c80](https://github.com/NVIDIA/elements/commit/5285c80))
|
|
17
|
+
* chore(release): @nvidia-elements/styles-v2.1.0 [skip ci] ([25eb987](https://github.com/NVIDIA/elements/commit/25eb987))
|
|
18
|
+
* feat(core): gauge ([70e115d](https://github.com/NVIDIA/elements/commit/70e115d))
|
|
19
|
+
* feat(styles): add grow option for nve-text ([0b895ff](https://github.com/NVIDIA/elements/commit/0b895ff))
|
|
20
|
+
* fix(docs): enhance decorator transpilation ([a08584b](https://github.com/NVIDIA/elements/commit/a08584b))
|
|
21
|
+
* fix(forms): export controller ([1808462](https://github.com/NVIDIA/elements/commit/1808462))
|
|
22
|
+
|
|
1
23
|
## <small>2.0.4 (2026-07-08)</small>
|
|
2
24
|
|
|
3
25
|
* chore(release): @nvidia-elements/forms-v2.0.2 [skip ci] ([35e1073](https://github.com/NVIDIA/elements/commit/35e1073))
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
//#region \0@oxc-project+runtime@0.
|
|
1
|
+
//#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorate.js
|
|
2
2
|
function e(e, t, n, r) {
|
|
3
3
|
var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
|
|
4
4
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
|
|
@@ -6,4 +6,4 @@ function e(e, t, n, r) {
|
|
|
6
6
|
return i > 3 && a && Object.defineProperty(t, n, a), a;
|
|
7
7
|
}
|
|
8
8
|
//#endregion
|
|
9
|
-
export { e as
|
|
9
|
+
export { e as default };
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import { PropertyValues
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import type { PropertyValues } from 'lit';
|
|
2
|
+
import { LitElement } from 'lit';
|
|
3
|
+
import type { ContainerElement, Container } from '@nvidia-elements/core/internal';
|
|
4
|
+
import { IconButton } from '@nvidia-elements/core/icon-button';
|
|
4
5
|
/**
|
|
5
6
|
* @element nve-accordion-header
|
|
6
7
|
* @description Provides the clickable heading region of an accordion that toggles the visibility of associated content.
|
|
8
|
+
* @documentation https://nvidia.github.io/elements/docs/elements/accordion/
|
|
7
9
|
* @since 0.12.0
|
|
8
10
|
* @entrypoint \@nvidia-elements/core/accordion
|
|
9
11
|
* @slot - default content slot
|
|
@@ -13,20 +15,21 @@ import { IconButton } from '../icon-button';
|
|
|
13
15
|
* @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/
|
|
14
16
|
*/
|
|
15
17
|
export declare class AccordionHeader extends LitElement {
|
|
16
|
-
static styles: import(
|
|
18
|
+
static styles: import("lit").CSSResult[];
|
|
17
19
|
static readonly metadata: {
|
|
18
20
|
tag: string;
|
|
19
21
|
version: string;
|
|
20
22
|
};
|
|
21
23
|
/** @private */
|
|
22
24
|
_internals: ElementInternals;
|
|
23
|
-
render(): import(
|
|
25
|
+
render(): import("lit").TemplateResult<1>;
|
|
24
26
|
slot: string;
|
|
25
27
|
connectedCallback(): void;
|
|
26
28
|
}
|
|
27
29
|
/**
|
|
28
30
|
* @element nve-accordion-content
|
|
29
31
|
* @description Contains the collapsible body content that reveals or hides when the parent accordion expands or collapses.
|
|
32
|
+
* @documentation https://nvidia.github.io/elements/docs/elements/accordion/
|
|
30
33
|
* @since 0.12.0
|
|
31
34
|
* @entrypoint \@nvidia-elements/core/accordion
|
|
32
35
|
* @slot - This is a default/unnamed slot for accordion content
|
|
@@ -34,16 +37,17 @@ export declare class AccordionHeader extends LitElement {
|
|
|
34
37
|
* @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/
|
|
35
38
|
*/
|
|
36
39
|
export declare class AccordionContent extends LitElement {
|
|
37
|
-
static styles: import(
|
|
40
|
+
static styles: import("lit").CSSResult[];
|
|
38
41
|
static readonly metadata: {
|
|
39
42
|
tag: string;
|
|
40
43
|
version: string;
|
|
41
44
|
};
|
|
42
|
-
render(): import(
|
|
45
|
+
render(): import("lit").TemplateResult<1>;
|
|
43
46
|
}
|
|
44
47
|
/**
|
|
45
48
|
* @element nve-accordion
|
|
46
49
|
* @description An accordion is a vertical stack of interactive headings used to toggle the display of further information.
|
|
50
|
+
* @documentation https://nvidia.github.io/elements/docs/elements/accordion/
|
|
47
51
|
* @since 0.12.0
|
|
48
52
|
* @entrypoint \@nvidia-elements/core/accordion
|
|
49
53
|
* @command --open - use to open the accordion
|
|
@@ -64,7 +68,7 @@ export declare class AccordionContent extends LitElement {
|
|
|
64
68
|
*/
|
|
65
69
|
export declare class Accordion extends LitElement implements ContainerElement {
|
|
66
70
|
#private;
|
|
67
|
-
static styles: import(
|
|
71
|
+
static styles: import("lit").CSSResult[];
|
|
68
72
|
static readonly metadata: {
|
|
69
73
|
tag: string;
|
|
70
74
|
version: string;
|
|
@@ -78,7 +82,7 @@ export declare class Accordion extends LitElement implements ContainerElement {
|
|
|
78
82
|
/**
|
|
79
83
|
* Enables updating internal string values for internationalization.
|
|
80
84
|
*/
|
|
81
|
-
i18n: Partial<import(
|
|
85
|
+
i18n: Partial<import("@nvidia-elements/core/internal").I18nStrings & {
|
|
82
86
|
__set: boolean;
|
|
83
87
|
}>;
|
|
84
88
|
/**
|
|
@@ -97,13 +101,14 @@ export declare class Accordion extends LitElement implements ContainerElement {
|
|
|
97
101
|
* Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless)
|
|
98
102
|
*/
|
|
99
103
|
behaviorExpand: boolean;
|
|
100
|
-
render(): import(
|
|
104
|
+
render(): import("lit").TemplateResult<1>;
|
|
101
105
|
connectedCallback(): void;
|
|
102
106
|
firstUpdated(props: PropertyValues<this>): Promise<void>;
|
|
103
107
|
}
|
|
104
108
|
/**
|
|
105
109
|
* @element nve-accordion-group
|
|
106
110
|
* @description Organizes many accordions into a cohesive group, enabling coordinated expand/collapse behavior such as single-item expansion.
|
|
111
|
+
* @documentation https://nvidia.github.io/elements/docs/elements/accordion/
|
|
107
112
|
* @since 0.12.0
|
|
108
113
|
* @entrypoint \@nvidia-elements/core/accordion
|
|
109
114
|
* @cssprop --padding
|
|
@@ -113,7 +118,7 @@ export declare class Accordion extends LitElement implements ContainerElement {
|
|
|
113
118
|
export declare class AccordionGroup extends LitElement {
|
|
114
119
|
#private;
|
|
115
120
|
_internals: ElementInternals;
|
|
116
|
-
static styles: import(
|
|
121
|
+
static styles: import("lit").CSSResult[];
|
|
117
122
|
/**
|
|
118
123
|
* Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless)
|
|
119
124
|
*/
|
|
@@ -130,7 +135,7 @@ export declare class AccordionGroup extends LitElement {
|
|
|
130
135
|
children: string[];
|
|
131
136
|
};
|
|
132
137
|
private accordions;
|
|
133
|
-
render(): import(
|
|
138
|
+
render(): import("lit").TemplateResult<1>;
|
|
134
139
|
connectedCallback(): void;
|
|
135
140
|
disconnectedCallback(): void;
|
|
136
141
|
updated(props: PropertyValues<this>): void;
|
|
@@ -8,7 +8,7 @@ import { TypeExpandableController as o } from "../internal/controllers/type-expa
|
|
|
8
8
|
import { hostAttr as s } from "../internal/decorators/host-attr.js";
|
|
9
9
|
import { scopedRegistry as c } from "../internal/decorators/scoped-registry.js";
|
|
10
10
|
import { useStyles as l } from "../internal/styles/index.js";
|
|
11
|
-
import
|
|
11
|
+
import u from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
|
|
12
12
|
import { IconButton as d } from "../icon-button/icon-button2.js";
|
|
13
13
|
import f from "./accordion.js";
|
|
14
14
|
import p from "./accordion-header.js";
|
|
@@ -28,7 +28,7 @@ var b = class extends g {
|
|
|
28
28
|
static {
|
|
29
29
|
this.metadata = {
|
|
30
30
|
tag: "nve-accordion-header",
|
|
31
|
-
version: "2.
|
|
31
|
+
version: "2.1.1"
|
|
32
32
|
};
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
@@ -46,7 +46,7 @@ var x = class extends g {
|
|
|
46
46
|
static {
|
|
47
47
|
this.metadata = {
|
|
48
48
|
tag: "nve-accordion-content",
|
|
49
|
-
version: "2.
|
|
49
|
+
version: "2.1.1"
|
|
50
50
|
};
|
|
51
51
|
}
|
|
52
52
|
render() {
|
|
@@ -62,7 +62,7 @@ var x = class extends g {
|
|
|
62
62
|
static {
|
|
63
63
|
this.metadata = {
|
|
64
64
|
tag: "nve-accordion",
|
|
65
|
-
version: "2.
|
|
65
|
+
version: "2.1.1",
|
|
66
66
|
children: [
|
|
67
67
|
b.metadata.tag,
|
|
68
68
|
x.metadata.tag,
|
|
@@ -120,7 +120,7 @@ var C = class extends g {
|
|
|
120
120
|
static {
|
|
121
121
|
this.metadata = {
|
|
122
122
|
tag: "nve-accordion-group",
|
|
123
|
-
version: "2.
|
|
123
|
+
version: "2.1.1",
|
|
124
124
|
children: [S.metadata.tag]
|
|
125
125
|
};
|
|
126
126
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion2.js","names":["#i18nController","#header","#typeExpandableController","#toggle","#updateChildAttributes","#onOpen"],"sources":["../../src/accordion/accordion.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 { ContainerElement, Container } from '@nvidia-elements/core/internal';\nimport {\n stateExpanded,\n I18nController,\n TypeExpandableController,\n useStyles,\n attachInternals,\n generateId,\n isFocusable,\n hostAttr,\n audit,\n scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport accordionStyleSheet from './accordion.css?inline';\nimport accordionHeaderStyleSheet from './accordion-header.css?inline';\nimport accordionContentStyleSheet from './accordion-content.css?inline';\nimport accordionGroupStyleSheet from './accordion-group.css?inline';\n\n/**\n * @element nve-accordion-header\n * @description Provides the clickable heading region of an accordion that toggles the visibility of associated content.\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/accordion\n * @slot - default content slot\n * @slot prefix - slot for prefix content\n * @slot suffix - slot for suffix content\n * @cssprop --cursor\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n */\nexport class AccordionHeader extends LitElement {\n static styles = useStyles([accordionHeaderStyleSheet]);\n\n static readonly metadata = {\n tag: 'nve-accordion-header',\n version: '0.0.0'\n };\n\n /** @private */\n declare _internals: ElementInternals;\n\n render() {\n return html`\n <div internal-host>\n <slot name=\"prefix\"></slot>\n <slot></slot>\n <slot name=\"suffix\"></slot>\n </div>\n `;\n }\n\n @hostAttr() slot = 'header';\n\n connectedCallback() {\n super.connectedCallback(); // Do not override connectedCallback w/out supering\n attachInternals(this);\n this._internals.role = 'heading';\n this._internals.ariaLevel = '2';\n }\n}\n\n/**\n * @element nve-accordion-content\n * @description Contains the collapsible body content that reveals or hides when the parent accordion expands or collapses.\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/accordion\n * @slot - This is a default/unnamed slot for accordion content\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n */\nexport class AccordionContent extends LitElement {\n static styles = useStyles([accordionContentStyleSheet]);\n\n static readonly metadata = {\n tag: 'nve-accordion-content',\n version: '0.0.0'\n };\n\n render() {\n return html`\n <slot></slot>\n `;\n }\n}\n\n/**\n * @element nve-accordion\n * @description An accordion is a vertical stack of interactive headings used to toggle the display of further information.\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/accordion\n * @command --open - use to open the accordion\n * @command --close - use to close the accordion\n * @command --toggle - use to toggle the accordion\n * @slot - This is a default/unnamed slot for accordion content\n * @slot icon-button - icon elements to display for expand/collapse\n * @slot header - header element (Use `accordion-header` or custom content)\n * @slot content - content element (Use `accordion-content` or custom content)\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --header-padding\n * @cssprop --cursor\n * @cssprop --transition\n * @csspart icon-button - The toggle icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n */\n@audit()\n@scopedRegistry()\n@stateExpanded<Accordion>()\nexport class Accordion extends LitElement implements ContainerElement {\n static styles = useStyles([accordionStyleSheet]);\n\n static readonly metadata = {\n tag: 'nve-accordion',\n version: '0.0.0',\n children: [AccordionHeader.metadata.tag, AccordionContent.metadata.tag, IconButton.metadata.tag]\n };\n\n static elementDefinitions = {\n [IconButton.metadata.tag]: IconButton\n };\n\n /** @private */\n declare _internals: ElementInternals;\n\n #i18nController: I18nController<this> = new I18nController<this>(this);\n #typeExpandableController = new TypeExpandableController(this);\n\n /**\n * Enables updating internal string values for internationalization.\n */\n @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n /**\n * Determines the container styles of component. Flat suits nesting accordions within other containers. Inset suits more complex accordions where content needs distinct separation.\n */\n @property({ type: String, reflect: true }) container?: Extract<Container, 'flat' | 'inset'>;\n\n /**\n * Determines whether the accordion expands to display its contents.\n */\n @property({ type: Boolean, reflect: true }) expanded = false;\n\n /**\n * Determines whether the accordion is expandable\n */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /**\n * Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless)\n */\n @property({ type: Boolean, attribute: 'behavior-expand' }) behaviorExpand = false;\n\n get #header() {\n return this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=header]')?.assignedElements()[0];\n }\n\n #toggle(element: HTMLElement) {\n if (!this.disabled && (!isFocusable(element) || element.id === 'internal-trigger')) {\n this.#typeExpandableController.toggle();\n }\n }\n\n render() {\n return html`\n <div internal-host>\n <div id=\"header\"\n @click=${(e: Event) => this.#toggle(e.target as HTMLElement)}\n .ariaLabel=${this.expanded ? this.i18n.close : this.i18n.expand}\n .ariaControls=${'content'}\n >\n <slot name=\"header\"></slot>\n\n <slot name=\"icon-button\">\n <nve-icon-button part=\"icon-button\"\n exportparts=\"icon:icon-button-icon\"\n id=\"internal-trigger\"\n container=\"inline\"\n icon-name=\"caret\"\n direction=${this.expanded ? 'up' : 'down'}\n ?disabled=${this.disabled}\n ?pressed=${this.expanded}\n .expanded=${this.expanded}\n .ariaLabel=${this.expanded ? this.i18n.close : this.i18n.expand}\n ></nve-icon-button>\n </slot>\n </div>\n\n <div id=\"content\" .ariaHidden=${!this.expanded}>\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'region';\n }\n\n async firstUpdated(props: PropertyValues<this>) {\n super.firstUpdated(props);\n\n if (this.#header) {\n this.#header.id ||= generateId();\n this.setAttribute('aria-labelledby', this.#header.id);\n }\n }\n}\n\n/**\n * @element nve-accordion-group\n * @description Organizes many accordions into a cohesive group, enabling coordinated expand/collapse behavior such as single-item expansion.\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/accordion\n * @cssprop --padding\n * @slot - This is a default slot for accordions within the group\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n */\n@audit()\nexport class AccordionGroup extends LitElement {\n declare _internals: ElementInternals;\n static styles = useStyles([accordionGroupStyleSheet]);\n\n /**\n * Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless)\n */\n @property({ type: Boolean, attribute: 'behavior-expand' }) behaviorExpand = false;\n\n /**\n * Determines whether the accordion should opt-in to stateful expansion of a single accordion at a time\n */\n @property({ type: Boolean, attribute: 'behavior-expand-single' }) behaviorExpandSingle = false;\n\n /** flat (Borderless, container-less accordions), full (default), or inset (Rounded corner, contained accordion) */\n @property({ type: String, reflect: true }) container?: Extract<Container, 'flat' | 'inset'>;\n\n static readonly metadata = {\n tag: 'nve-accordion-group',\n version: '0.0.0',\n children: [Accordion.metadata.tag]\n };\n\n @queryAssignedElements() private accordions!: Accordion[];\n\n render() {\n return html`\n <div internal-host>\n <slot @slotchange=${() => this.#updateChildAttributes()}></slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'group';\n this.addEventListener('open', this.#onOpen);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('open', this.#onOpen);\n }\n\n #onOpen = (e: Event) => {\n if (this.behaviorExpandSingle && this.accordions.find(accordion => accordion === e.target)) {\n this.accordions.filter(accordion => accordion !== e.target).forEach(accordion => (accordion.expanded = false));\n }\n };\n\n updated(props: PropertyValues<this>) {\n super.updated(props);\n this.#updateChildAttributes();\n }\n\n #updateChildAttributes() {\n this.accordions.forEach(accordion => (accordion.container = this.container));\n this.accordions.forEach(accordion => (accordion.behaviorExpand = this.behaviorExpand || this.behaviorExpandSingle));\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"accordion2.js","names":["#i18nController","#header","#typeExpandableController","#toggle","#updateChildAttributes","#onOpen"],"sources":["../../src/accordion/accordion.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 { ContainerElement, Container } from '@nvidia-elements/core/internal';\nimport {\n stateExpanded,\n I18nController,\n TypeExpandableController,\n useStyles,\n attachInternals,\n generateId,\n isFocusable,\n hostAttr,\n audit,\n scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport accordionStyleSheet from './accordion.css?inline';\nimport accordionHeaderStyleSheet from './accordion-header.css?inline';\nimport accordionContentStyleSheet from './accordion-content.css?inline';\nimport accordionGroupStyleSheet from './accordion-group.css?inline';\n\n/**\n * @element nve-accordion-header\n * @description Provides the clickable heading region of an accordion that toggles the visibility of associated content.\n * @documentation https://nvidia.github.io/elements/docs/elements/accordion/\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/accordion\n * @slot - default content slot\n * @slot prefix - slot for prefix content\n * @slot suffix - slot for suffix content\n * @cssprop --cursor\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n */\nexport class AccordionHeader extends LitElement {\n static styles = useStyles([accordionHeaderStyleSheet]);\n\n static readonly metadata = {\n tag: 'nve-accordion-header',\n version: '0.0.0'\n };\n\n /** @private */\n declare _internals: ElementInternals;\n\n render() {\n return html`\n <div internal-host>\n <slot name=\"prefix\"></slot>\n <slot></slot>\n <slot name=\"suffix\"></slot>\n </div>\n `;\n }\n\n @hostAttr() slot = 'header';\n\n connectedCallback() {\n super.connectedCallback(); // Do not override connectedCallback w/out supering\n attachInternals(this);\n this._internals.role = 'heading';\n this._internals.ariaLevel = '2';\n }\n}\n\n/**\n * @element nve-accordion-content\n * @description Contains the collapsible body content that reveals or hides when the parent accordion expands or collapses.\n * @documentation https://nvidia.github.io/elements/docs/elements/accordion/\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/accordion\n * @slot - This is a default/unnamed slot for accordion content\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n */\nexport class AccordionContent extends LitElement {\n static styles = useStyles([accordionContentStyleSheet]);\n\n static readonly metadata = {\n tag: 'nve-accordion-content',\n version: '0.0.0'\n };\n\n render() {\n return html`\n <slot></slot>\n `;\n }\n}\n\n/**\n * @element nve-accordion\n * @description An accordion is a vertical stack of interactive headings used to toggle the display of further information.\n * @documentation https://nvidia.github.io/elements/docs/elements/accordion/\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/accordion\n * @command --open - use to open the accordion\n * @command --close - use to close the accordion\n * @command --toggle - use to toggle the accordion\n * @slot - This is a default/unnamed slot for accordion content\n * @slot icon-button - icon elements to display for expand/collapse\n * @slot header - header element (Use `accordion-header` or custom content)\n * @slot content - content element (Use `accordion-content` or custom content)\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --header-padding\n * @cssprop --cursor\n * @cssprop --transition\n * @csspart icon-button - The toggle icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n */\n@audit()\n@scopedRegistry()\n@stateExpanded<Accordion>()\nexport class Accordion extends LitElement implements ContainerElement {\n static styles = useStyles([accordionStyleSheet]);\n\n static readonly metadata = {\n tag: 'nve-accordion',\n version: '0.0.0',\n children: [AccordionHeader.metadata.tag, AccordionContent.metadata.tag, IconButton.metadata.tag]\n };\n\n static elementDefinitions = {\n [IconButton.metadata.tag]: IconButton\n };\n\n /** @private */\n declare _internals: ElementInternals;\n\n #i18nController: I18nController<this> = new I18nController<this>(this);\n #typeExpandableController = new TypeExpandableController(this);\n\n /**\n * Enables updating internal string values for internationalization.\n */\n @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n /**\n * Determines the container styles of component. Flat suits nesting accordions within other containers. Inset suits more complex accordions where content needs distinct separation.\n */\n @property({ type: String, reflect: true }) container?: Extract<Container, 'flat' | 'inset'>;\n\n /**\n * Determines whether the accordion expands to display its contents.\n */\n @property({ type: Boolean, reflect: true }) expanded = false;\n\n /**\n * Determines whether the accordion is expandable\n */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /**\n * Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless)\n */\n @property({ type: Boolean, attribute: 'behavior-expand' }) behaviorExpand = false;\n\n get #header() {\n return this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=header]')?.assignedElements()[0];\n }\n\n #toggle(element: HTMLElement) {\n if (!this.disabled && (!isFocusable(element) || element.id === 'internal-trigger')) {\n this.#typeExpandableController.toggle();\n }\n }\n\n render() {\n return html`\n <div internal-host>\n <div id=\"header\"\n @click=${(e: Event) => this.#toggle(e.target as HTMLElement)}\n .ariaLabel=${this.expanded ? this.i18n.close : this.i18n.expand}\n .ariaControls=${'content'}\n >\n <slot name=\"header\"></slot>\n\n <slot name=\"icon-button\">\n <nve-icon-button part=\"icon-button\"\n exportparts=\"icon:icon-button-icon\"\n id=\"internal-trigger\"\n container=\"inline\"\n icon-name=\"caret\"\n direction=${this.expanded ? 'up' : 'down'}\n ?disabled=${this.disabled}\n ?pressed=${this.expanded}\n .expanded=${this.expanded}\n .ariaLabel=${this.expanded ? this.i18n.close : this.i18n.expand}\n ></nve-icon-button>\n </slot>\n </div>\n\n <div id=\"content\" .ariaHidden=${!this.expanded}>\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'region';\n }\n\n async firstUpdated(props: PropertyValues<this>) {\n super.firstUpdated(props);\n\n if (this.#header) {\n this.#header.id ||= generateId();\n this.setAttribute('aria-labelledby', this.#header.id);\n }\n }\n}\n\n/**\n * @element nve-accordion-group\n * @description Organizes many accordions into a cohesive group, enabling coordinated expand/collapse behavior such as single-item expansion.\n * @documentation https://nvidia.github.io/elements/docs/elements/accordion/\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/accordion\n * @cssprop --padding\n * @slot - This is a default slot for accordions within the group\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n */\n@audit()\nexport class AccordionGroup extends LitElement {\n declare _internals: ElementInternals;\n static styles = useStyles([accordionGroupStyleSheet]);\n\n /**\n * Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless)\n */\n @property({ type: Boolean, attribute: 'behavior-expand' }) behaviorExpand = false;\n\n /**\n * Determines whether the accordion should opt-in to stateful expansion of a single accordion at a time\n */\n @property({ type: Boolean, attribute: 'behavior-expand-single' }) behaviorExpandSingle = false;\n\n /** flat (Borderless, container-less accordions), full (default), or inset (Rounded corner, contained accordion) */\n @property({ type: String, reflect: true }) container?: Extract<Container, 'flat' | 'inset'>;\n\n static readonly metadata = {\n tag: 'nve-accordion-group',\n version: '0.0.0',\n children: [Accordion.metadata.tag]\n };\n\n @queryAssignedElements() private accordions!: Accordion[];\n\n render() {\n return html`\n <div internal-host>\n <slot @slotchange=${() => this.#updateChildAttributes()}></slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'group';\n this.addEventListener('open', this.#onOpen);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('open', this.#onOpen);\n }\n\n #onOpen = (e: Event) => {\n if (this.behaviorExpandSingle && this.accordions.find(accordion => accordion === e.target)) {\n this.accordions.filter(accordion => accordion !== e.target).forEach(accordion => (accordion.expanded = false));\n }\n };\n\n updated(props: PropertyValues<this>) {\n super.updated(props);\n this.#updateChildAttributes();\n }\n\n #updateChildAttributes() {\n this.accordions.forEach(accordion => (accordion.container = this.container));\n this.accordions.forEach(accordion => (accordion.behaviorExpand = this.behaviorExpand || this.behaviorExpandSingle));\n }\n}\n"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Accordion, AccordionHeader, AccordionContent, AccordionGroup } from '
|
|
1
|
+
import { Accordion, AccordionHeader, AccordionContent, AccordionGroup } from '@nvidia-elements/core/accordion';
|
|
2
2
|
declare global {
|
|
3
3
|
interface HTMLElementTagNameMap {
|
|
4
4
|
'nve-accordion': Accordion;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { PropertyValues
|
|
2
|
-
import {
|
|
1
|
+
import type { PropertyValues } from 'lit';
|
|
2
|
+
import { LitElement } from 'lit';
|
|
3
|
+
import type { Color, Container, Prominence, SupportStatus } from '@nvidia-elements/core/internal';
|
|
3
4
|
/**
|
|
4
5
|
* @element nve-alert-group
|
|
5
6
|
* @description An alert group is an element that displays a group of related and important messages in a way that attracts the user's attention without interrupting the user's task.
|
|
7
|
+
* @documentation https://nvidia.github.io/elements/docs/elements/alert/
|
|
6
8
|
* @since 0.3.0
|
|
7
9
|
* @entrypoint \@nvidia-elements/core/alert
|
|
8
10
|
* @cssprop --gap
|
|
@@ -17,7 +19,7 @@ import { Color, Container, Prominence, SupportStatus } from '../internal';
|
|
|
17
19
|
*/
|
|
18
20
|
export declare class AlertGroup extends LitElement {
|
|
19
21
|
#private;
|
|
20
|
-
static styles: import(
|
|
22
|
+
static styles: import("lit").CSSResult[];
|
|
21
23
|
static readonly metadata: {
|
|
22
24
|
tag: string;
|
|
23
25
|
version: string;
|
|
@@ -34,7 +36,7 @@ export declare class AlertGroup extends LitElement {
|
|
|
34
36
|
/** @private */
|
|
35
37
|
_internals: ElementInternals;
|
|
36
38
|
private alerts;
|
|
37
|
-
render(): import(
|
|
39
|
+
render(): import("lit").TemplateResult<1>;
|
|
38
40
|
connectedCallback(): void;
|
|
39
41
|
updated(props: PropertyValues<this>): void;
|
|
40
42
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { audit as e } from "../internal/controllers/audit.controller.js";
|
|
2
2
|
import { attachInternals as t } from "../internal/utils/a11y.js";
|
|
3
3
|
import { colorStateStyles as n, supportStateStyles as r, useStyles as i } from "../internal/styles/index.js";
|
|
4
|
-
import
|
|
4
|
+
import a from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
|
|
5
5
|
import { Alert as o } from "./alert2.js";
|
|
6
6
|
import s from "./alert-group.js";
|
|
7
7
|
import { LitElement as c, html as l } from "lit";
|
|
@@ -19,7 +19,7 @@ var f = class extends c {
|
|
|
19
19
|
static {
|
|
20
20
|
this.metadata = {
|
|
21
21
|
tag: "nve-alert-group",
|
|
22
|
-
version: "2.
|
|
22
|
+
version: "2.1.1",
|
|
23
23
|
children: [o.metadata.tag]
|
|
24
24
|
};
|
|
25
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-group2.js","names":["#updateStatus"],"sources":["../../src/alert/alert-group.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 { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { property } from 'lit/decorators/property.js';\nimport type { Color, Container, Prominence, SupportStatus } from '@nvidia-elements/core/internal';\nimport {\n attachInternals,\n useStyles,\n supportStateStyles,\n audit,\n colorStateStyles\n} from '@nvidia-elements/core/internal';\nimport { Alert } from './alert.js';\nimport styles from './alert-group.css?inline';\n\n/**\n * @element nve-alert-group\n * @description An alert group is an element that displays a group of related and important messages in a way that attracts the user's attention without interrupting the user's task.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/alert\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --color\n * @cssprop --background\n * @slot - default slot for nve-alert\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n */\n@audit()\nexport class AlertGroup extends LitElement {\n static styles = useStyles([styles, supportStateStyles, colorStateStyles]);\n\n static readonly metadata = {\n tag: 'nve-alert-group',\n version: '0.0.0',\n children: [Alert.metadata.tag]\n };\n\n /** Defines visual treatment to represent a ongoing task or support status. */\n @property({ type: String, reflect: true }) status?: SupportStatus;\n\n /** Determines the visual prominence or weight, emphasis applies banner style alerts */\n @property({ type: String, reflect: true }) prominence?: Extract<Prominence, 'emphasis'>;\n\n /** Allows colors not defined by semantic status definitions for non-status instances, such as callouts for tutorials or tips on a documentation site. */\n @property({ type: String, reflect: true }) color: Color;\n\n /** Determines the container bounds of the element */\n @property({ type: String, reflect: true }) container?: Extract<Container, 'full'>;\n\n /** @private */\n declare _internals: ElementInternals;\n\n @queryAssignedElements() private alerts!: Alert[];\n\n render() {\n return html`\n <div internal-host>\n <slot @slotchange=${() => this.#updateStatus()}></slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'group';\n }\n\n updated(props: PropertyValues<this>) {\n super.updated(props);\n this.#updateStatus();\n }\n\n #updateStatus() {\n this.alerts.forEach(alert => (alert.status = this.status));\n }\n}\n"],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"alert-group2.js","names":["#updateStatus"],"sources":["../../src/alert/alert-group.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 { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { property } from 'lit/decorators/property.js';\nimport type { Color, Container, Prominence, SupportStatus } from '@nvidia-elements/core/internal';\nimport {\n attachInternals,\n useStyles,\n supportStateStyles,\n audit,\n colorStateStyles\n} from '@nvidia-elements/core/internal';\nimport { Alert } from './alert.js';\nimport styles from './alert-group.css?inline';\n\n/**\n * @element nve-alert-group\n * @description An alert group is an element that displays a group of related and important messages in a way that attracts the user's attention without interrupting the user's task.\n * @documentation https://nvidia.github.io/elements/docs/elements/alert/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/alert\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --color\n * @cssprop --background\n * @slot - default slot for nve-alert\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n */\n@audit()\nexport class AlertGroup extends LitElement {\n static styles = useStyles([styles, supportStateStyles, colorStateStyles]);\n\n static readonly metadata = {\n tag: 'nve-alert-group',\n version: '0.0.0',\n children: [Alert.metadata.tag]\n };\n\n /** Defines visual treatment to represent a ongoing task or support status. */\n @property({ type: String, reflect: true }) status?: SupportStatus;\n\n /** Determines the visual prominence or weight, emphasis applies banner style alerts */\n @property({ type: String, reflect: true }) prominence?: Extract<Prominence, 'emphasis'>;\n\n /** Allows colors not defined by semantic status definitions for non-status instances, such as callouts for tutorials or tips on a documentation site. */\n @property({ type: String, reflect: true }) color: Color;\n\n /** Determines the container bounds of the element */\n @property({ type: String, reflect: true }) container?: Extract<Container, 'full'>;\n\n /** @private */\n declare _internals: ElementInternals;\n\n @queryAssignedElements() private alerts!: Alert[];\n\n render() {\n return html`\n <div internal-host>\n <slot @slotchange=${() => this.#updateStatus()}></slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'group';\n }\n\n updated(props: PropertyValues<this>) {\n super.updated(props);\n this.#updateStatus();\n }\n\n #updateStatus() {\n this.alerts.forEach(alert => (alert.status = this.status));\n }\n}\n"],"mappings":";;;;;;;;;;AAmCO,IAAA,IAAA,cAAyB,EAAW;;gBACzB,EAAU;GAAC;GAAQ;GAAoB;EAAgB,CAAC;;;kBAE7C;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,EAAM,SAAS,GAAG;EAC/B;;CAmBA,SAAS;EACP,OAAO,CAAI,+CAEmB,KAAKA,GAAc,EAAE;CAGrD;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQ,CAAK,GACnB,KAAKA,GAAc;CACrB;CAEA,KAAgB;EACd,KAAK,OAAO,SAAQ,MAAU,EAAM,SAAS,KAAK,MAAO;CAC3D;AACF;GAtCG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MAKxC,EAAsB,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,UAzBxB,EAAM,CAAA,GAAA,CAAA"}
|
package/dist/alert/alert.d.ts
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
-
import { Icon } from '
|
|
3
|
-
import { IconButton } from '
|
|
4
|
-
import { SupportStatus, TaskStatus } from '
|
|
2
|
+
import { Icon } from '@nvidia-elements/core/icon';
|
|
3
|
+
import { IconButton } from '@nvidia-elements/core/icon-button';
|
|
4
|
+
import type { SupportStatus, TaskStatus } from '@nvidia-elements/core/internal';
|
|
5
5
|
/**
|
|
6
6
|
* @element nve-alert
|
|
7
7
|
* @description Alert is an element that displays a brief, important message in a way that attracts the user's attention without interrupting the user's task.
|
|
8
|
+
* @documentation https://nvidia.github.io/elements/docs/elements/alert/
|
|
8
9
|
* @since 0.3.0
|
|
9
10
|
* @entrypoint \@nvidia-elements/core/alert
|
|
10
11
|
* @event close - Dispatched when the alert closes within an alert group.
|
|
@@ -30,7 +31,7 @@ import { SupportStatus, TaskStatus } from '../internal';
|
|
|
30
31
|
*/
|
|
31
32
|
export declare class Alert extends LitElement {
|
|
32
33
|
#private;
|
|
33
|
-
static styles: import(
|
|
34
|
+
static styles: import("lit").CSSResult[];
|
|
34
35
|
static readonly metadata: {
|
|
35
36
|
tag: string;
|
|
36
37
|
version: string;
|
|
@@ -44,13 +45,13 @@ export declare class Alert extends LitElement {
|
|
|
44
45
|
/** When used in an `alert-group` the `closable` property enables dismissing alerts within the same group. */
|
|
45
46
|
closable: boolean;
|
|
46
47
|
/** Enables updating internal string values for internationalization. */
|
|
47
|
-
i18n: Partial<import(
|
|
48
|
+
i18n: Partial<import("@nvidia-elements/core/internal").I18nStrings & {
|
|
48
49
|
__set: boolean;
|
|
49
50
|
}>;
|
|
50
51
|
private prefixItems;
|
|
51
52
|
private actionItems;
|
|
52
53
|
/** @private */
|
|
53
54
|
_internals: ElementInternals;
|
|
54
|
-
render(): import(
|
|
55
|
+
render(): import("lit").TemplateResult<1>;
|
|
55
56
|
connectedCallback(): void;
|
|
56
57
|
}
|
package/dist/alert/alert2.js
CHANGED
|
@@ -5,7 +5,7 @@ import { TypeClosableController as r } from "../internal/controllers/type-closab
|
|
|
5
5
|
import { scopedRegistry as i } from "../internal/decorators/scoped-registry.js";
|
|
6
6
|
import { statusStateStyles as a, supportStateStyles as o, useStyles as s } from "../internal/styles/index.js";
|
|
7
7
|
import { statusIcons as c } from "../internal/types/index.js";
|
|
8
|
-
import
|
|
8
|
+
import l from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
|
|
9
9
|
import { Icon as u } from "../icon/icon2.js";
|
|
10
10
|
import { IconButton as d } from "../icon-button/icon-button2.js";
|
|
11
11
|
import f from "./alert.global.js";
|
|
@@ -28,7 +28,7 @@ var v = class extends m {
|
|
|
28
28
|
static {
|
|
29
29
|
this.metadata = {
|
|
30
30
|
tag: "nve-alert",
|
|
31
|
-
version: "2.
|
|
31
|
+
version: "2.1.1"
|
|
32
32
|
};
|
|
33
33
|
}
|
|
34
34
|
static {
|
package/dist/alert/alert2.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert2.js","names":["#i18nController","#typeClosableController"],"sources":["../../src/alert/alert.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { SupportStatus, TaskStatus } from '@nvidia-elements/core/internal';\nimport {\n attachInternals,\n I18nController,\n statusIcons,\n TypeClosableController,\n useStyles,\n statusStateStyles,\n supportStateStyles,\n appendRootNodeStyle,\n scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport globalStyles from './alert.global.css?inline';\nimport styles from './alert.css?inline';\n\n/**\n * @element nve-alert\n * @description Alert is an element that displays a brief, important message in a way that attracts the user's attention without interrupting the user's task.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/alert\n * @event close - Dispatched when the alert closes within an alert group.\n * @command --close - Use to set the alert closed/hidden state.\n * @slot icon - Icon slot renders on the left side of the alert. Icons typically represent the alert's status.\n * @slot prefix - Prefix slot renders between the icon and the content. Prefixes typically represent the alert's status.\n * @slot actions - Actions render on the right side of the alert. Actions are typically buttons, but can also be links. Use actions for steps the user can take to resolve the alert.\n * @slot content - Content for large overflow text.\n * @slot - Default content placed inside of the alert.\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --icon-color\n * @cssprop --icon-size\n * @cssprop --font-weight\n * @cssprop --justify-content\n * @cssprop --align-items\n * @cssprop --min-height\n * @cssprop --text-transform\n * @cssprop --height\n * @cssprop --width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n */\n@scopedRegistry()\nexport class Alert extends LitElement {\n static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n static readonly metadata = {\n tag: 'nve-alert',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [Icon.metadata.tag]: Icon,\n [IconButton.metadata.tag]: IconButton\n };\n\n /** Defines visual treatment to represent a ongoing task or support status. */\n @property({ type: String, reflect: true }) status?: SupportStatus | TaskStatus | 'muted';\n\n /** When used in an `alert-group` the `closable` property enables dismissing alerts within the same group. */\n @property({ type: Boolean }) closable = false;\n\n #typeClosableController = new TypeClosableController(this);\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: 'prefix', flatten: true }) private prefixItems!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'actions', flatten: true }) private actionItems!: HTMLElement[];\n\n /** @private */\n declare _internals: ElementInternals;\n\n render() {\n return html`\n <div internal-host @slotchange=${() => this.requestUpdate()}>\n <slot name=\"icon\"><nve-icon part=\"icon\" role=\"img\" .name=${statusIcons[this.status as string] ?? statusIcons['']} aria-label=${(this.status ? (this.i18n as Record<string, string>)[this.status] : undefined) ?? this.i18n.information ?? 'information'}></nve-icon></slot>\n <slot name=\"prefix\" ?hidden=${!this.prefixItems.length}></slot>\n <slot></slot>\n <slot name=\"actions\" ?hidden=${!this.actionItems.length}></slot>\n ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${() => this.#typeClosableController.close()} container=\"flat\" icon-name=\"cancel\" size=\"sm\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : ''}\n </div>\n <slot name=\"content\" part=\"_content\"></slot>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n appendRootNodeStyle(this, globalStyles);\n this._internals.role = 'alert';\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"alert2.js","names":["#i18nController","#typeClosableController"],"sources":["../../src/alert/alert.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { SupportStatus, TaskStatus } from '@nvidia-elements/core/internal';\nimport {\n attachInternals,\n I18nController,\n statusIcons,\n TypeClosableController,\n useStyles,\n statusStateStyles,\n supportStateStyles,\n appendRootNodeStyle,\n scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport globalStyles from './alert.global.css?inline';\nimport styles from './alert.css?inline';\n\n/**\n * @element nve-alert\n * @description Alert is an element that displays a brief, important message in a way that attracts the user's attention without interrupting the user's task.\n * @documentation https://nvidia.github.io/elements/docs/elements/alert/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/alert\n * @event close - Dispatched when the alert closes within an alert group.\n * @command --close - Use to set the alert closed/hidden state.\n * @slot icon - Icon slot renders on the left side of the alert. Icons typically represent the alert's status.\n * @slot prefix - Prefix slot renders between the icon and the content. Prefixes typically represent the alert's status.\n * @slot actions - Actions render on the right side of the alert. Actions are typically buttons, but can also be links. Use actions for steps the user can take to resolve the alert.\n * @slot content - Content for large overflow text.\n * @slot - Default content placed inside of the alert.\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --icon-color\n * @cssprop --icon-size\n * @cssprop --font-weight\n * @cssprop --justify-content\n * @cssprop --align-items\n * @cssprop --min-height\n * @cssprop --text-transform\n * @cssprop --height\n * @cssprop --width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n */\n@scopedRegistry()\nexport class Alert extends LitElement {\n static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n static readonly metadata = {\n tag: 'nve-alert',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [Icon.metadata.tag]: Icon,\n [IconButton.metadata.tag]: IconButton\n };\n\n /** Defines visual treatment to represent a ongoing task or support status. */\n @property({ type: String, reflect: true }) status?: SupportStatus | TaskStatus | 'muted';\n\n /** When used in an `alert-group` the `closable` property enables dismissing alerts within the same group. */\n @property({ type: Boolean }) closable = false;\n\n #typeClosableController = new TypeClosableController(this);\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: 'prefix', flatten: true }) private prefixItems!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'actions', flatten: true }) private actionItems!: HTMLElement[];\n\n /** @private */\n declare _internals: ElementInternals;\n\n render() {\n return html`\n <div internal-host @slotchange=${() => this.requestUpdate()}>\n <slot name=\"icon\"><nve-icon part=\"icon\" role=\"img\" .name=${statusIcons[this.status as string] ?? statusIcons['']} aria-label=${(this.status ? (this.i18n as Record<string, string>)[this.status] : undefined) ?? this.i18n.information ?? 'information'}></nve-icon></slot>\n <slot name=\"prefix\" ?hidden=${!this.prefixItems.length}></slot>\n <slot></slot>\n <slot name=\"actions\" ?hidden=${!this.actionItems.length}></slot>\n ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${() => this.#typeClosableController.close()} container=\"flat\" icon-name=\"cancel\" size=\"sm\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : ''}\n </div>\n <slot name=\"content\" part=\"_content\"></slot>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n appendRootNodeStyle(this, globalStyles);\n this._internals.role = 'alert';\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAmDO,IAAA,IAAA,cAAoB,EAAW;;+BAiBI,cAEd,IAAI,EAAuB,IAAI,aAEjB,IAAI,EAAqB,IAAI,eAGlC,KAAKA,GAAgB;;;gBAvBxC,EAAU;GAAC;GAAQ;GAAmB;EAAkB,CAAC;;;kBAE9C;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B;IACzB,EAAK,SAAS,MAAM;IACpB,EAAW,SAAS,MAAM;EAC7B;;CAQA;CAEA;CAYA,SAAS;EACP,OAAO,CAAI,yCAC8B,KAAK,cAAc,EAAE,8DACC,EAAY,KAAK,WAAqB,EAAY,IAAI,iBAAe,KAAK,SAAU,KAAK,KAAgC,KAAK,UAAU,KAAA,MAAc,KAAK,KAAK,eAAe,cAAc,mDAC1N,CAAC,KAAK,YAAY,OAAO,sDAExB,CAAC,KAAK,YAAY,OAAO,WACtD,KAAK,WAAW,CAAI,yFAAwF,KAAKC,GAAwB,MAAM,EAAE,8DAA4D,KAAK,KAAK,MAAM,wBAAuB,GAAG;CAI/P;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,EAAoB,MAAM,CAAY,GACtC,KAAK,WAAW,OAAO;CACzB;AACF;GAtCG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MAGxC,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,MAO1B,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAEzB,EAAsB;CAAE,MAAM;CAAU,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA,MAEvD,EAAsB;CAAE,MAAM;CAAW,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA,UA7B1D,EAAe,CAAA,GAAA,CAAA"}
|
package/dist/alert/define.d.ts
CHANGED
|
@@ -9,13 +9,13 @@ import { LitElement } from 'lit';
|
|
|
9
9
|
*
|
|
10
10
|
*/
|
|
11
11
|
export declare class AvatarGroup extends LitElement {
|
|
12
|
-
static styles: import(
|
|
12
|
+
static styles: import("lit").CSSResult[];
|
|
13
13
|
static readonly metadata: {
|
|
14
14
|
tag: string;
|
|
15
15
|
version: string;
|
|
16
16
|
};
|
|
17
17
|
/** @private */
|
|
18
18
|
_internals: ElementInternals;
|
|
19
|
-
render(): import(
|
|
19
|
+
render(): import("lit").TemplateResult<1>;
|
|
20
20
|
connectedCallback(): void;
|
|
21
21
|
}
|
package/dist/avatar/avatar.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
-
import { Size, Color } from '
|
|
2
|
+
import type { Size, Color } from '@nvidia-elements/core/internal';
|
|
3
3
|
/**
|
|
4
4
|
* @element nve-avatar
|
|
5
5
|
* @description Avatar represents a user/bot within a UI. Typically with text or image content.
|
|
6
|
+
* @documentation https://nvidia.github.io/elements/docs/elements/avatar/
|
|
6
7
|
* @since 1.20.0
|
|
7
8
|
* @entrypoint \@nvidia-elements/core/avatar
|
|
8
9
|
* @slot - default slot for content
|
|
@@ -18,7 +19,7 @@ import { Size, Color } from '../internal';
|
|
|
18
19
|
*
|
|
19
20
|
*/
|
|
20
21
|
export declare class Avatar extends LitElement {
|
|
21
|
-
static styles: import(
|
|
22
|
+
static styles: import("lit").CSSResult[];
|
|
22
23
|
static readonly metadata: {
|
|
23
24
|
tag: string;
|
|
24
25
|
version: string;
|
|
@@ -27,5 +28,5 @@ export declare class Avatar extends LitElement {
|
|
|
27
28
|
size?: Size | 'xs';
|
|
28
29
|
/** Sets the color of the avatar component. */
|
|
29
30
|
color: Color;
|
|
30
|
-
render(): import(
|
|
31
|
+
render(): import("lit").TemplateResult<1>;
|
|
31
32
|
}
|
package/dist/avatar/avatar2.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { colorStateStyles as e, useStyles as t } from "../internal/styles/index.js";
|
|
2
|
-
import
|
|
2
|
+
import n from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
|
|
3
3
|
import r from "./avatar.js";
|
|
4
4
|
import { LitElement as i, html as a } from "lit";
|
|
5
5
|
import { property as o } from "lit/decorators/property.js";
|
|
@@ -11,7 +11,7 @@ var s = class extends i {
|
|
|
11
11
|
static {
|
|
12
12
|
this.metadata = {
|
|
13
13
|
tag: "nve-avatar",
|
|
14
|
-
version: "2.
|
|
14
|
+
version: "2.1.1"
|
|
15
15
|
};
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar2.js","names":[],"sources":["../../src/avatar/avatar.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Size, Color } from '@nvidia-elements/core/internal';\nimport { colorStateStyles } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './avatar.css?inline';\n\n/**\n * @element nve-avatar\n * @description Avatar represents a user/bot within a UI. Typically with text or image content.\n * @since 1.20.0\n * @entrypoint \\@nvidia-elements/core/avatar\n * @slot - default slot for content\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --height\n * @cssprop --width\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --border\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n *\n */\nexport class Avatar extends LitElement {\n static styles = useStyles([styles, colorStateStyles]);\n\n static readonly metadata = {\n tag: 'nve-avatar',\n version: '0.0.0'\n };\n\n /** Sets size of the avatar component. Update size through the `width + height` css props as an alternative. */\n @property({ type: String, reflect: true }) size?: Size | 'xs';\n\n /** Sets the color of the avatar component. */\n @property({ type: String, reflect: true }) color: Color;\n\n render() {\n return html`\n <div internal-host>\n <slot></slot>\n </div>\n `;\n }\n}\n"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"avatar2.js","names":[],"sources":["../../src/avatar/avatar.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Size, Color } from '@nvidia-elements/core/internal';\nimport { colorStateStyles } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './avatar.css?inline';\n\n/**\n * @element nve-avatar\n * @description Avatar represents a user/bot within a UI. Typically with text or image content.\n * @documentation https://nvidia.github.io/elements/docs/elements/avatar/\n * @since 1.20.0\n * @entrypoint \\@nvidia-elements/core/avatar\n * @slot - default slot for content\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --height\n * @cssprop --width\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --border\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n *\n */\nexport class Avatar extends LitElement {\n static styles = useStyles([styles, colorStateStyles]);\n\n static readonly metadata = {\n tag: 'nve-avatar',\n version: '0.0.0'\n };\n\n /** Sets size of the avatar component. Update size through the `width + height` css props as an alternative. */\n @property({ type: String, reflect: true }) size?: Size | 'xs';\n\n /** Sets the color of the avatar component. */\n @property({ type: String, reflect: true }) color: Color;\n\n render() {\n return html`\n <div internal-host>\n <slot></slot>\n </div>\n `;\n }\n}\n"],"mappings":";;;;;;AA4BA,IAAa,IAAb,cAA4B,EAAW;;gBACrB,EAAU,CAAC,GAAQ,CAAgB,CAAC;;;kBAEzB;GACzB,KAAK;GACL,SAAS;EACX;;CAQA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;GAZG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA"}
|
package/dist/avatar/define.d.ts
CHANGED
package/dist/badge/badge.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import { PropertyValues
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import type { PropertyValues } from 'lit';
|
|
2
|
+
import { LitElement } from 'lit';
|
|
3
|
+
import { Icon } from '@nvidia-elements/core/icon';
|
|
4
|
+
import type { TaskStatus, SupportStatus, Color, Prominence } from '@nvidia-elements/core/internal';
|
|
4
5
|
/**
|
|
5
6
|
* @element nve-badge
|
|
6
7
|
* @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.
|
|
8
|
+
* @documentation https://nvidia.github.io/elements/docs/elements/badge/
|
|
7
9
|
* @since 0.11.0
|
|
8
10
|
* @entrypoint \@nvidia-elements/core/badge
|
|
9
11
|
* @slot - default slot for content
|
|
@@ -39,7 +41,7 @@ export declare class Badge extends LitElement {
|
|
|
39
41
|
container?: 'flat';
|
|
40
42
|
/** Determines the visual prominence or weight */
|
|
41
43
|
prominence?: Extract<Prominence, 'emphasis'>;
|
|
42
|
-
static styles: import(
|
|
44
|
+
static styles: import("lit").CSSResult[];
|
|
43
45
|
static readonly metadata: {
|
|
44
46
|
tag: string;
|
|
45
47
|
version: string;
|
|
@@ -52,10 +54,10 @@ export declare class Badge extends LitElement {
|
|
|
52
54
|
/**
|
|
53
55
|
* Enables updating internal string values for internationalization.
|
|
54
56
|
*/
|
|
55
|
-
i18n: Partial<import(
|
|
57
|
+
i18n: Partial<import("@nvidia-elements/core/internal").I18nStrings & {
|
|
56
58
|
__set: boolean;
|
|
57
59
|
}>;
|
|
58
|
-
render(): import(
|
|
60
|
+
render(): import("lit").TemplateResult<1>;
|
|
59
61
|
connectedCallback(): void;
|
|
60
62
|
updated(props: PropertyValues<this>): void;
|
|
61
63
|
}
|
package/dist/badge/badge2.js
CHANGED
|
@@ -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
|
|
7
|
+
import l from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/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: "2.
|
|
28
|
+
version: "2.1.1"
|
|
29
29
|
};
|
|
30
30
|
}
|
|
31
31
|
static {
|
package/dist/badge/badge2.js.map
CHANGED
|
@@ -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, 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":";;;;;;;;;;;;
|
|
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 * @documentation https://nvidia.github.io/elements/docs/elements/badge/\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":";;;;;;;;;;;;AA8CO,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,CAAC,CACvF,iBAAiB,CAAC,CAClB,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"}
|