@nvidia-elements/core 2.9.0 → 2.10.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.
- package/CHANGELOG.md +13 -0
- package/README.md +3 -7
- package/dist/accordion/accordion.d.ts +4 -4
- package/dist/accordion/accordion2.js +4 -4
- package/dist/alert/alert-group.d.ts +1 -1
- package/dist/alert/alert-group2.js +1 -1
- package/dist/alert/alert.d.ts +1 -1
- package/dist/alert/alert2.js +1 -1
- package/dist/avatar/avatar-group.d.ts +1 -1
- package/dist/avatar/avatar-group2.js +1 -1
- package/dist/avatar/avatar.d.ts +1 -1
- package/dist/avatar/avatar2.js +1 -1
- package/dist/badge/badge.d.ts +1 -1
- package/dist/badge/badge2.js +1 -1
- package/dist/breadcrumb/breadcrumb.d.ts +2 -1
- package/dist/breadcrumb/breadcrumb2.js +1 -1
- package/dist/breadcrumb/breadcrumb2.js.map +1 -1
- package/dist/bundles/index.d.ts +7 -1
- package/dist/bundles/index.js +1 -1
- package/dist/button/button.d.ts +1 -1
- package/dist/button/button2.js +1 -1
- package/dist/button-group/button-group.d.ts +1 -1
- package/dist/button-group/button-group2.js +1 -1
- package/dist/card/card.d.ts +4 -4
- package/dist/card/card2.js +4 -4
- package/dist/chat-message/chat-message.d.ts +1 -1
- package/dist/chat-message/chat-message2.js +1 -1
- package/dist/checkbox/checkbox-group2.js +1 -1
- package/dist/checkbox/checkbox2.js +1 -1
- package/dist/color/color.d.ts +1 -1
- package/dist/color/color2.js +1 -1
- package/dist/combobox/combobox.d.ts +2 -2
- package/dist/combobox/combobox2.js +1 -1
- package/dist/copy-button/copy-button.d.ts +1 -1
- package/dist/copy-button/copy-button2.js +1 -1
- package/dist/custom-elements-jsx.d.ts +16 -16
- package/dist/custom-elements-vue.d.ts +16 -16
- package/dist/custom-elements.json +323 -877
- package/dist/data.html.json +4 -4
- package/dist/data.snippets.json +45 -45
- package/dist/date/date.d.ts +1 -1
- package/dist/date/date2.js +1 -1
- package/dist/datetime/datetime.d.ts +1 -1
- package/dist/datetime/datetime2.js +1 -1
- package/dist/dialog/dialog-footer.d.ts +1 -1
- package/dist/dialog/dialog-footer2.js +1 -1
- package/dist/dialog/dialog-header.d.ts +1 -1
- package/dist/dialog/dialog-header2.js +1 -1
- package/dist/dialog/dialog.d.ts +1 -1
- package/dist/dialog/dialog2.js +1 -1
- package/dist/divider/divider.d.ts +1 -1
- package/dist/divider/divider2.js +1 -1
- package/dist/dot/dot.d.ts +1 -1
- package/dist/dot/dot2.js +1 -1
- package/dist/drawer/drawer-content.d.ts +1 -1
- package/dist/drawer/drawer-content2.js +1 -1
- package/dist/drawer/drawer-footer.d.ts +1 -1
- package/dist/drawer/drawer-footer2.js +1 -1
- package/dist/drawer/drawer-header.d.ts +1 -1
- package/dist/drawer/drawer-header2.js +1 -1
- package/dist/drawer/drawer.d.ts +1 -1
- package/dist/drawer/drawer2.js +1 -1
- package/dist/dropdown/dropdown-footer.d.ts +1 -1
- package/dist/dropdown/dropdown-footer2.js +1 -1
- package/dist/dropdown/dropdown-header.d.ts +1 -1
- package/dist/dropdown/dropdown-header2.js +1 -1
- package/dist/dropdown/dropdown.d.ts +1 -1
- package/dist/dropdown/dropdown2.js +1 -1
- package/dist/dropdown-group/dropdown-group.d.ts +1 -1
- package/dist/dropdown-group/dropdown-group.js +1 -1
- package/dist/dropzone/dropzone.d.ts +1 -1
- package/dist/dropzone/dropzone2.js +1 -1
- package/dist/file/file2.js +1 -1
- package/dist/format-bytes/format-bytes.d.ts +1 -1
- package/dist/format-bytes/format-bytes2.js +1 -1
- package/dist/format-datetime/format-datetime.d.ts +1 -1
- package/dist/format-datetime/format-datetime2.js +1 -1
- package/dist/format-number/format-number.d.ts +1 -1
- package/dist/format-number/format-number2.js +1 -1
- package/dist/format-relative-time/format-relative-time.d.ts +1 -1
- package/dist/format-relative-time/format-relative-time2.js +1 -1
- package/dist/format-truncate/format-truncate2.js +1 -1
- package/dist/forms/control/control2.js +1 -1
- package/dist/forms/control-group/control-group.d.ts +3 -1
- package/dist/forms/control-group/control-group2.js +1 -1
- package/dist/forms/control-group/control-group2.js.map +1 -1
- package/dist/forms/control-message/control-message.d.ts +1 -1
- package/dist/forms/control-message/control-message2.js +1 -1
- package/dist/gauge/gauge.d.ts +1 -1
- package/dist/gauge/gauge2.js +1 -1
- package/dist/grid/cell/cell.d.ts +1 -1
- package/dist/grid/cell/cell2.js +1 -1
- package/dist/grid/column/column.d.ts +1 -1
- package/dist/grid/column/column2.js +1 -1
- package/dist/grid/footer/footer.d.ts +1 -1
- package/dist/grid/footer/footer2.js +1 -1
- package/dist/grid/grid.d.ts +3 -1
- package/dist/grid/grid2.js +1 -1
- package/dist/grid/grid2.js.map +1 -1
- package/dist/grid/header/header.d.ts +1 -1
- package/dist/grid/header/header2.js +1 -1
- package/dist/grid/placeholder/placeholder.d.ts +1 -1
- package/dist/grid/placeholder/placeholder2.js +1 -1
- package/dist/grid/row/row.d.ts +1 -1
- package/dist/grid/row/row2.js +1 -1
- package/dist/icon/icon.d.ts +1 -1
- package/dist/icon/icon2.js +2 -2
- package/dist/icon-button/icon-button.d.ts +1 -1
- package/dist/icon-button/icon-button2.js +1 -1
- package/dist/index.js +1 -1
- package/dist/input/input-group2.js +1 -1
- package/dist/input/input2.js +1 -1
- package/dist/internal/controllers/keynav-list.controller.js.map +1 -1
- package/dist/internal/services/global.service.js +1 -1
- package/dist/internal/utils/dom.d.ts +3 -1
- package/dist/internal/utils/dom.js.map +1 -1
- package/dist/logo/logo.d.ts +1 -1
- package/dist/logo/logo2.js +1 -1
- package/dist/menu/menu-item.d.ts +1 -1
- package/dist/menu/menu-item2.js +1 -1
- package/dist/menu/menu.d.ts +1 -1
- package/dist/menu/menu2.js +1 -1
- package/dist/month/month.d.ts +1 -1
- package/dist/month/month2.js +1 -1
- package/dist/notification/notification-group.d.ts +1 -1
- package/dist/notification/notification-group2.js +1 -1
- package/dist/notification/notification.d.ts +1 -1
- package/dist/notification/notification2.js +1 -1
- package/dist/page/page-panel/page-panel-content.d.ts +1 -1
- package/dist/page/page-panel/page-panel-content2.js +1 -1
- package/dist/page/page-panel/page-panel-footer.d.ts +1 -1
- package/dist/page/page-panel/page-panel-footer2.js +1 -1
- package/dist/page/page-panel/page-panel-header.d.ts +1 -1
- package/dist/page/page-panel/page-panel-header2.js +1 -1
- package/dist/page/page-panel/page-panel.d.ts +1 -1
- package/dist/page/page-panel/page-panel2.js +1 -1
- package/dist/page/page.d.ts +1 -1
- package/dist/page/page2.js +1 -1
- package/dist/page-header/page-header.d.ts +1 -1
- package/dist/page-header/page-header2.js +1 -1
- package/dist/page-loader/page-loader.d.ts +1 -1
- package/dist/page-loader/page-loader2.js +1 -1
- package/dist/pagination/pagination.d.ts +1 -1
- package/dist/pagination/pagination2.js +1 -1
- package/dist/panel/panel.d.ts +4 -4
- package/dist/panel/panel2.js +4 -4
- package/dist/password/password.d.ts +1 -1
- package/dist/password/password2.js +1 -1
- package/dist/preferences-input/preferences-input.d.ts +1 -1
- package/dist/preferences-input/preferences-input2.js +1 -1
- package/dist/progress-bar/progress-bar.d.ts +1 -1
- package/dist/progress-bar/progress-bar2.js +1 -1
- package/dist/progress-ring/progress-ring.d.ts +1 -1
- package/dist/progress-ring/progress-ring2.js +1 -1
- package/dist/progressive-filter-chip/progressive-filter-chip.d.ts +1 -1
- package/dist/progressive-filter-chip/progressive-filter-chip2.js +1 -1
- package/dist/pulse/pulse.d.ts +1 -1
- package/dist/pulse/pulse2.js +1 -1
- package/dist/radio/radio-group2.js +1 -1
- package/dist/radio/radio2.js +1 -1
- package/dist/range/range.d.ts +1 -1
- package/dist/range/range2.js +1 -1
- package/dist/resize-handle/resize-handle.d.ts +1 -1
- package/dist/resize-handle/resize-handle2.js +1 -1
- package/dist/search/search.d.ts +1 -1
- package/dist/search/search2.js +1 -1
- package/dist/select/select.d.ts +2 -2
- package/dist/select/select2.js +1 -1
- package/dist/skeleton/skeleton.d.ts +1 -1
- package/dist/skeleton/skeleton2.js +1 -1
- package/dist/sort-button/sort-button.d.ts +1 -1
- package/dist/sort-button/sort-button2.js +1 -1
- package/dist/sparkline/sparkline.d.ts +1 -1
- package/dist/sparkline/sparkline2.js +1 -1
- package/dist/star-rating/star-rating.d.ts +1 -1
- package/dist/star-rating/star-rating2.js +1 -1
- package/dist/steps/steps.d.ts +2 -2
- package/dist/steps/steps2.js +2 -2
- package/dist/switch/switch-group2.js +1 -1
- package/dist/switch/switch2.js +1 -1
- package/dist/tabs/tabs-group.d.ts +1 -1
- package/dist/tabs/tabs-group2.js +1 -1
- package/dist/tabs/tabs.d.ts +2 -2
- package/dist/tabs/tabs2.js +2 -2
- package/dist/tag/tag.d.ts +1 -1
- package/dist/tag/tag2.js +1 -1
- package/dist/textarea/textarea.d.ts +2 -2
- package/dist/textarea/textarea2.js +1 -1
- package/dist/time/time.d.ts +1 -1
- package/dist/time/time2.js +1 -1
- package/dist/toast/toast.d.ts +1 -1
- package/dist/toast/toast2.js +1 -1
- package/dist/toggletip/toggletip-footer.d.ts +1 -1
- package/dist/toggletip/toggletip-footer2.js +1 -1
- package/dist/toggletip/toggletip-header.d.ts +1 -1
- package/dist/toggletip/toggletip-header2.js +1 -1
- package/dist/toggletip/toggletip.d.ts +1 -1
- package/dist/toggletip/toggletip2.js +1 -1
- package/dist/toolbar/toolbar.d.ts +1 -1
- package/dist/toolbar/toolbar2.js +1 -1
- package/dist/tooltip/tooltip.d.ts +1 -1
- package/dist/tooltip/tooltip2.js +1 -1
- package/dist/tree/tree-node.d.ts +2 -2
- package/dist/tree/tree-node2.js +1 -1
- package/dist/tree/tree-node2.js.map +1 -1
- package/dist/tree/tree.d.ts +2 -1
- package/dist/tree/tree2.js +1 -1
- package/dist/tree/tree2.js.map +1 -1
- package/dist/viewport/viewport-gridlines.d.ts +1 -1
- package/dist/viewport/viewport-gridlines2.js +1 -1
- package/dist/viewport/viewport.d.ts +1 -1
- package/dist/viewport/viewport2.js +1 -1
- package/dist/week/week.d.ts +1 -1
- package/dist/week/week2.js +1 -1
- package/package.json +7 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
## [2.10.0](https://github.com/NVIDIA/elements/compare/@nvidia-elements/core-v2.9.0...@nvidia-elements/core-v2.10.0) (2026-09-30)
|
|
2
|
+
|
|
3
|
+
### Features
|
|
4
|
+
|
|
5
|
+
* **core:** add viewport minimap ([c3cc189](https://github.com/NVIDIA/elements/commit/c3cc1891132f6ae6ab27c94fcdfe79d38b592230))
|
|
6
|
+
* **pi:** pi extension ([88dea55](https://github.com/NVIDIA/elements/commit/88dea552fd28da8a31c95ff713218bda73d64e64))
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **cli:** mcp app rendering and schema tools ([5cf5f51](https://github.com/NVIDIA/elements/commit/5cf5f51e8b77468451024a9a31f247ac0beb5373))
|
|
11
|
+
* **cli:** update marked to 18.0.14 ([b24d6cb](https://github.com/NVIDIA/elements/commit/b24d6cb07ee47cf392214e0a934f1caee31eb510))
|
|
12
|
+
* **lint:** update eslint ([2a3ad12](https://github.com/NVIDIA/elements/commit/2a3ad1217db5aadfdef4a89f796f96348dc0f330))
|
|
13
|
+
|
|
1
14
|
## [2.9.0](https://github.com/NVIDIA/elements/compare/@nvidia-elements/core-v2.8.1...@nvidia-elements/core-v2.9.0) (2026-09-24)
|
|
2
15
|
|
|
3
16
|
### Features
|
package/README.md
CHANGED
|
@@ -10,17 +10,13 @@ NVIDIA Design System and UI Agent Harness for AI/ML Factories, Robotics, and Aut
|
|
|
10
10
|
## Getting Started
|
|
11
11
|
|
|
12
12
|
```shell
|
|
13
|
-
|
|
14
|
-
registry=https://registry.npmjs.org
|
|
15
|
-
|
|
16
|
-
# https://registry.npmjs.org
|
|
17
|
-
npm login
|
|
18
|
-
|
|
19
|
-
npm install @nvidia-elements/themes @nvidia-elements/styles @nvidia-elements/core
|
|
13
|
+
npm install --registry=https://registry.npmjs.org/ @nvidia-elements/themes @nvidia-elements/styles @nvidia-elements/core
|
|
20
14
|
```
|
|
21
15
|
|
|
22
16
|
Elements ships as many small packages. This allows you to choose what tools your application needs and omit anything unnecessary, improving application performance.
|
|
23
17
|
|
|
18
|
+
The core package provides framework-agnostic Web Components that you can use in [React](https://NVIDIA.github.io/elements/docs/integrations/react/), [Vue](https://NVIDIA.github.io/elements/docs/integrations/vue/), and [Angular](https://NVIDIA.github.io/elements/docs/integrations/angular/) applications.
|
|
19
|
+
|
|
24
20
|
## Usage
|
|
25
21
|
|
|
26
22
|
```css
|
|
@@ -22,7 +22,7 @@ export declare class AccordionHeader extends LitElement {
|
|
|
22
22
|
};
|
|
23
23
|
/** @private */
|
|
24
24
|
_internals: ElementInternals;
|
|
25
|
-
render(): import("lit").TemplateResult<1>;
|
|
25
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
26
26
|
/** @private */
|
|
27
27
|
slot: string;
|
|
28
28
|
connectedCallback(): void;
|
|
@@ -43,7 +43,7 @@ export declare class AccordionContent extends LitElement {
|
|
|
43
43
|
tag: string;
|
|
44
44
|
version: string;
|
|
45
45
|
};
|
|
46
|
-
render(): import("lit").TemplateResult<1>;
|
|
46
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
47
47
|
}
|
|
48
48
|
/**
|
|
49
49
|
* @element nve-accordion
|
|
@@ -101,7 +101,7 @@ export declare class Accordion extends LitElement implements ContainerElement {
|
|
|
101
101
|
* Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless)
|
|
102
102
|
*/
|
|
103
103
|
behaviorExpand: boolean;
|
|
104
|
-
render(): import("lit").TemplateResult<1>;
|
|
104
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
105
105
|
connectedCallback(): void;
|
|
106
106
|
firstUpdated(props: PropertyValues<this>): Promise<void>;
|
|
107
107
|
}
|
|
@@ -137,7 +137,7 @@ export declare class AccordionGroup extends LitElement {
|
|
|
137
137
|
children: string[];
|
|
138
138
|
};
|
|
139
139
|
private accordions;
|
|
140
|
-
render(): import("lit").TemplateResult<1>;
|
|
140
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
141
141
|
connectedCallback(): void;
|
|
142
142
|
disconnectedCallback(): void;
|
|
143
143
|
updated(props: PropertyValues<this>): void;
|
|
@@ -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.10.0"
|
|
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.10.0"
|
|
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.10.0",
|
|
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.10.0",
|
|
124
124
|
children: [S.metadata.tag]
|
|
125
125
|
};
|
|
126
126
|
}
|
|
@@ -36,7 +36,7 @@ export declare class AlertGroup extends LitElement {
|
|
|
36
36
|
/** @private */
|
|
37
37
|
_internals: ElementInternals;
|
|
38
38
|
private alerts;
|
|
39
|
-
render(): import("lit").TemplateResult<1>;
|
|
39
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
40
40
|
connectedCallback(): void;
|
|
41
41
|
updated(props: PropertyValues<this>): void;
|
|
42
42
|
}
|
package/dist/alert/alert.d.ts
CHANGED
package/dist/alert/alert2.js
CHANGED
package/dist/avatar/avatar.d.ts
CHANGED
package/dist/avatar/avatar2.js
CHANGED
package/dist/badge/badge.d.ts
CHANGED
|
@@ -57,7 +57,7 @@ export declare class Badge extends LitElement {
|
|
|
57
57
|
i18n: Partial<import("@nvidia-elements/core/internal").I18nStrings & {
|
|
58
58
|
__set: boolean;
|
|
59
59
|
}>;
|
|
60
|
-
render(): import("lit").TemplateResult<1>;
|
|
60
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
61
61
|
connectedCallback(): void;
|
|
62
62
|
updated(props: PropertyValues<this>): void;
|
|
63
63
|
}
|
package/dist/badge/badge2.js
CHANGED
|
@@ -23,6 +23,7 @@ import { Icon } from '@nvidia-elements/core/icon';
|
|
|
23
23
|
*/
|
|
24
24
|
export declare class Breadcrumb extends LitElement {
|
|
25
25
|
#private;
|
|
26
|
+
/** @private */
|
|
26
27
|
get keynavListConfig(): KeynavListConfig;
|
|
27
28
|
/** @private */
|
|
28
29
|
_internals: ElementInternals;
|
|
@@ -35,6 +36,6 @@ export declare class Breadcrumb extends LitElement {
|
|
|
35
36
|
[Icon.metadata.tag]: typeof Icon;
|
|
36
37
|
};
|
|
37
38
|
private breadcrumbItems;
|
|
38
|
-
render(): import("lit").TemplateResult<1>;
|
|
39
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
39
40
|
connectedCallback(): void;
|
|
40
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb2.js","names":[],"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 * @documentation https://nvidia.github.io/elements/docs/elements/breadcrumb/\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":";;;;;;;;;;;;;AA0CO,IAAM,IAAN,cAAyB,EAAW;;
|
|
1
|
+
{"version":3,"file":"breadcrumb2.js","names":[],"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 * @documentation https://nvidia.github.io/elements/docs/elements/breadcrumb/\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 /** @private */\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":";;;;;;;;;;;;;AA0CO,IAAM,IAAN,cAAyB,EAAW;;EAwBK,aAAA,KAAA,kBAAA,CAAC;;CAtB/C,IAAI,mBAAqC;EACvC,OAAO,EACL,OAAO,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,CAAC,CACzD,SAAQ,MAAQ,EAAK,iBAAiB,CAAC,CAAC,CACxC,QAAO,MAAK,EAAY,CAAC,CAAC,EAC/B;CACF;;EAKgB,KAAA,SAAA,EAAU,CAAC,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzB,EAAK,SAAS,MAAM,EACvB;;CAIA,SAAS;EAEP,OAAO,CAAI,qBAEP,KAAK,gBAAgB,KACpB,GAAI,MAAQ,CAAI,mBAEF,EAAG,KAAK,iBAAe,KAAK,GAAY,WACnD,IAAM,KAAK,gBAAgB,SAAS,IAAI,CAAI,8GAA8G,EAAQ,MAGxK,EAAE,2BAEiB,CAAC,KAAK,gBAAgB,OAAO,iBAAe,KAAK,GAAa;CACrF;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,GAAY,GAAU;EACpB,AAAM,EAAE,OAA2B,iBAAiB,CAAC,CAAC,UACpD,KAAK,GAAY;CAErB;CAEA,GAAa,GAAU;EACrB,IAAI,EAAE,UAAW,EAAE,OAA2B,iBAAiB,CAAC,CAAC,QAAQ;GACvE,KAAK,GAAY;GACjB,IAAM,IAAQ,KAAK,WAAY,cAA+B,kBAAkB,CAAC,CAAE,iBAAiB;GAKpG,AAJA,EAAM,QAAO,MAAK,EAAE,QAAQ,sCAAsC,CAAC,CAAC,CAAC,SAAQ,MAAM,EAAE,OAAO,EAAW,CAAE,GACzG,EACG,QAAO,MAAK,EAAE,QAAQ,6BAA6B,CAAC,CAAC,CACrD,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,CAAC,CAClD,SAAQ,MAAK,EAAE,iBAAiB,CAAC,CAAC,CAClC,SAAQ,MAAM,EAAE,OAAO,EAAG;CAC/B;AACF;AA/CG,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA;CA3BR,EAAQ;CACR,EAAe;CACf,EAA8B"}
|
package/dist/bundles/index.d.ts
CHANGED
|
@@ -1479,6 +1479,7 @@ export declare class Badge extends LitElement {
|
|
|
1479
1479
|
*/
|
|
1480
1480
|
export declare class Breadcrumb extends LitElement {
|
|
1481
1481
|
#private;
|
|
1482
|
+
/** @private */
|
|
1482
1483
|
get keynavListConfig(): KeynavListConfig;
|
|
1483
1484
|
/** @private */
|
|
1484
1485
|
_internals: ElementInternals;
|
|
@@ -1743,7 +1744,9 @@ export declare class ControlGroup extends LitElement {
|
|
|
1743
1744
|
layout: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
|
|
1744
1745
|
/** Set the visual prominence of the control group */
|
|
1745
1746
|
prominence: "muted";
|
|
1747
|
+
/** Returns the label associated with the control group. */
|
|
1746
1748
|
get label(): HTMLLabelElement | null;
|
|
1749
|
+
/** Returns the input elements associated with the control group. */
|
|
1747
1750
|
get inputs(): HTMLInputElement[];
|
|
1748
1751
|
static styles: CSSResult[];
|
|
1749
1752
|
static readonly metadata: {
|
|
@@ -3483,11 +3486,13 @@ export declare class Grid extends LitElement implements ContainerElement {
|
|
|
3483
3486
|
children: string[];
|
|
3484
3487
|
};
|
|
3485
3488
|
static elementDefinitions: {};
|
|
3489
|
+
/** @private */
|
|
3486
3490
|
get keynavGridConfig(): {
|
|
3487
3491
|
columns: GridColumn[];
|
|
3488
3492
|
rows: (GridRow | GridHeader)[];
|
|
3489
3493
|
cells: (GridColumn | GridCell)[];
|
|
3490
3494
|
};
|
|
3495
|
+
/** @private */
|
|
3491
3496
|
get stateScrollConfig(): StateScrollConfig;
|
|
3492
3497
|
/** @private */
|
|
3493
3498
|
_internals: ElementInternals;
|
|
@@ -5475,7 +5480,7 @@ export declare class TreeNode extends LitElement {
|
|
|
5475
5480
|
/** @private */
|
|
5476
5481
|
slot: string;
|
|
5477
5482
|
/**
|
|
5478
|
-
* Returns
|
|
5483
|
+
* Returns the slotted child tree nodes.
|
|
5479
5484
|
*/
|
|
5480
5485
|
readonly nodes: TreeNode[];
|
|
5481
5486
|
/** @private */
|
|
@@ -5544,6 +5549,7 @@ export declare class Tree extends LitElement {
|
|
|
5544
5549
|
children: string[];
|
|
5545
5550
|
};
|
|
5546
5551
|
_internals: ElementInternals;
|
|
5552
|
+
/** Returns the tree nodes in document order. */
|
|
5547
5553
|
get nodes(): TreeNode[];
|
|
5548
5554
|
/** @private */
|
|
5549
5555
|
get keynavListConfig(): KeynavListConfig;
|