@nvidia-elements/core 2.9.0 → 2.11.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 +23 -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 +183 -44
- package/dist/bundles/index.js +6 -6
- 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 +117 -25
- package/dist/custom-elements-vue.d.ts +115 -25
- package/dist/custom-elements.json +1075 -916
- package/dist/data.html.json +55 -7
- 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/types/index.d.ts +6 -2
- package/dist/internal/types/index.js.map +1 -1
- package/dist/internal/utils/audit.js +1 -1
- package/dist/internal/utils/audit.js.map +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/define.d.ts +2 -1
- package/dist/menu/define.js +3 -2
- package/dist/menu/define.js.map +1 -1
- package/dist/menu/index.d.ts +1 -0
- package/dist/menu/index.js +3 -2
- package/dist/menu/menu-group.d.ts +50 -0
- package/dist/menu/menu-group.js +6 -0
- package/dist/menu/menu-group.js.map +1 -0
- package/dist/menu/menu-group2.js +53 -0
- package/dist/menu/menu-group2.js.map +1 -0
- package/dist/menu/menu-item.d.ts +2 -1
- package/dist/menu/menu-item.js +1 -1
- package/dist/menu/menu-item.js.map +1 -1
- package/dist/menu/menu-item2.js +2 -2
- package/dist/menu/menu-item2.js.map +1 -1
- package/dist/menu/menu.d.ts +7 -2
- package/dist/menu/menu.examples.js.map +1 -1
- package/dist/menu/menu.examples.json +53 -13
- package/dist/menu/menu.global.js +1 -1
- package/dist/menu/menu.global.js.map +1 -1
- package/dist/menu/menu2.js +16 -8
- package/dist/menu/menu2.js.map +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 +5 -5
- package/dist/steps/steps2.js +2 -2
- package/dist/steps/steps2.js.map +1 -1
- 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/define.d.ts +2 -1
- package/dist/viewport/define.js +2 -1
- package/dist/viewport/define.js.map +1 -1
- package/dist/viewport/index.d.ts +2 -1
- package/dist/viewport/index.js +2 -1
- package/dist/viewport/viewport-gesture-navigation.controller.d.ts +8 -10
- package/dist/viewport/viewport-gesture-navigation.controller.js +73 -66
- package/dist/viewport/viewport-gesture-navigation.controller.js.map +1 -1
- package/dist/viewport/viewport-gridlines.d.ts +1 -1
- package/dist/viewport/viewport-gridlines2.js +3 -3
- package/dist/viewport/viewport-gridlines2.js.map +1 -1
- package/dist/viewport/viewport-minimap.d.ts +36 -0
- package/dist/viewport/viewport-minimap.js +6 -0
- package/dist/viewport/viewport-minimap.js.map +1 -0
- package/dist/viewport/viewport-minimap.utils.d.ts +13 -0
- package/dist/viewport/viewport-minimap.utils.js +49 -0
- package/dist/viewport/viewport-minimap.utils.js.map +1 -0
- package/dist/viewport/viewport-minimap2.js +309 -0
- package/dist/viewport/viewport-minimap2.js.map +1 -0
- package/dist/viewport/viewport-navigation.controller.d.ts +7 -13
- package/dist/viewport/viewport-navigation.controller.js +14 -20
- package/dist/viewport/viewport-navigation.controller.js.map +1 -1
- package/dist/viewport/viewport-navigation.types.d.ts +0 -8
- package/dist/viewport/viewport.d.ts +31 -6
- package/dist/viewport/viewport.examples.js.map +1 -1
- package/dist/viewport/viewport.examples.json +13 -4
- package/dist/viewport/viewport.js +1 -1
- package/dist/viewport/viewport.js.map +1 -1
- package/dist/viewport/viewport.types.d.ts +50 -23
- package/dist/viewport/viewport2.js +173 -118
- package/dist/viewport/viewport2.js.map +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,26 @@
|
|
|
1
|
+
## [2.11.0](https://github.com/NVIDIA/elements/compare/@nvidia-elements/core-v2.10.0...@nvidia-elements/core-v2.11.0) (2026-09-30)
|
|
2
|
+
|
|
3
|
+
### Features
|
|
4
|
+
|
|
5
|
+
* **core:** menu group ([d9a24e9](https://github.com/NVIDIA/elements/commit/d9a24e961e1c5394367e7ae9bf931d9e1e2d58b0))
|
|
6
|
+
|
|
7
|
+
### Bug Fixes
|
|
8
|
+
|
|
9
|
+
* **cli:** ui resources ([166a537](https://github.com/NVIDIA/elements/commit/166a5374c9aa022a2cc86c262d5165acdee7112e))
|
|
10
|
+
|
|
11
|
+
## [2.10.0](https://github.com/NVIDIA/elements/compare/@nvidia-elements/core-v2.9.0...@nvidia-elements/core-v2.10.0) (2026-09-30)
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
|
|
15
|
+
* **core:** add viewport minimap ([c3cc189](https://github.com/NVIDIA/elements/commit/c3cc1891132f6ae6ab27c94fcdfe79d38b592230))
|
|
16
|
+
* **pi:** pi extension ([88dea55](https://github.com/NVIDIA/elements/commit/88dea552fd28da8a31c95ff713218bda73d64e64))
|
|
17
|
+
|
|
18
|
+
### Bug Fixes
|
|
19
|
+
|
|
20
|
+
* **cli:** mcp app rendering and schema tools ([5cf5f51](https://github.com/NVIDIA/elements/commit/5cf5f51e8b77468451024a9a31f247ac0beb5373))
|
|
21
|
+
* **cli:** update marked to 18.0.14 ([b24d6cb](https://github.com/NVIDIA/elements/commit/b24d6cb07ee47cf392214e0a934f1caee31eb510))
|
|
22
|
+
* **lint:** update eslint ([2a3ad12](https://github.com/NVIDIA/elements/commit/2a3ad1217db5aadfdef4a89f796f96348dc0f330))
|
|
23
|
+
|
|
1
24
|
## [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
25
|
|
|
3
26
|
### 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.11.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.11.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.11.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.11.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
|
@@ -78,19 +78,6 @@ export interface RenderOptions {
|
|
|
78
78
|
*/
|
|
79
79
|
isConnected?: boolean;
|
|
80
80
|
}
|
|
81
|
-
/** Coordinates and deltas use CSS pixels; movement is sample-relative and total displacement is start-relative. */
|
|
82
|
-
export interface PointerMovementGesture {
|
|
83
|
-
readonly event: PointerEvent;
|
|
84
|
-
readonly clientX: number;
|
|
85
|
-
readonly clientY: number;
|
|
86
|
-
readonly movementX: number;
|
|
87
|
-
readonly movementY: number;
|
|
88
|
-
readonly startClientX: number;
|
|
89
|
-
readonly startClientY: number;
|
|
90
|
-
readonly totalDisplacementX: number;
|
|
91
|
-
readonly totalDisplacementY: number;
|
|
92
|
-
}
|
|
93
|
-
export type PointerEndReason = "up" | "cancel" | "lost-capture" | "buttons-released";
|
|
94
81
|
export interface I18nStrings {
|
|
95
82
|
close: string;
|
|
96
83
|
copy: string;
|
|
@@ -538,9 +525,13 @@ export type Prominence = "emphasis" | "muted";
|
|
|
538
525
|
* - `inline` Element container reduces to fit within inline content such as a block of text.
|
|
539
526
|
* - `inset` Element container optimizes for embedding or inset placement inside another containing element.
|
|
540
527
|
* - `full` Element container optimizes for filling its container bounds.
|
|
541
|
-
* - `condensed` Element container optimizes for small, summarized or contained spaces.
|
|
542
528
|
*/
|
|
543
|
-
export type Container = "inline" | "flat" | "inset" | "full"
|
|
529
|
+
export type Container = "inline" | "flat" | "inset" | "full";
|
|
530
|
+
/** Controls the visual density of an element to match its context and available space.
|
|
531
|
+
* - `compact` - Reduces visual weight and spacing for dense layouts or secondary elements with less visual prominence.
|
|
532
|
+
* - `default` - Standard size that works well in most contexts and provides balanced visibility.
|
|
533
|
+
*/
|
|
534
|
+
export type Density = "compact" | "default";
|
|
544
535
|
/** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
|
|
545
536
|
* - `accent` - Highlights important actions or draws attention to primary interactive elements.
|
|
546
537
|
* - `warning` - Indicates cautionary actions that require careful consideration before proceeding.
|
|
@@ -1479,6 +1470,7 @@ export declare class Badge extends LitElement {
|
|
|
1479
1470
|
*/
|
|
1480
1471
|
export declare class Breadcrumb extends LitElement {
|
|
1481
1472
|
#private;
|
|
1473
|
+
/** @private */
|
|
1482
1474
|
get keynavListConfig(): KeynavListConfig;
|
|
1483
1475
|
/** @private */
|
|
1484
1476
|
_internals: ElementInternals;
|
|
@@ -1743,7 +1735,9 @@ export declare class ControlGroup extends LitElement {
|
|
|
1743
1735
|
layout: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
|
|
1744
1736
|
/** Set the visual prominence of the control group */
|
|
1745
1737
|
prominence: "muted";
|
|
1738
|
+
/** Returns the label associated with the control group. */
|
|
1746
1739
|
get label(): HTMLLabelElement | null;
|
|
1740
|
+
/** Returns the input elements associated with the control group. */
|
|
1747
1741
|
get inputs(): HTMLInputElement[];
|
|
1748
1742
|
static styles: CSSResult[];
|
|
1749
1743
|
static readonly metadata: {
|
|
@@ -1892,6 +1886,10 @@ export declare class Menu extends LitElement {
|
|
|
1892
1886
|
children: string[];
|
|
1893
1887
|
};
|
|
1894
1888
|
static elementDefinitions: {};
|
|
1889
|
+
/**
|
|
1890
|
+
* Determines if the menu is in a compact layout. This hides all menu item content except the prefix icon slot.
|
|
1891
|
+
*/
|
|
1892
|
+
density?: Density;
|
|
1895
1893
|
/** @private */
|
|
1896
1894
|
get keynavListConfig(): KeynavListConfig;
|
|
1897
1895
|
/** @private */
|
|
@@ -1900,6 +1898,55 @@ export declare class Menu extends LitElement {
|
|
|
1900
1898
|
render(): TemplateResult<1>;
|
|
1901
1899
|
firstUpdated(): Promise<void>;
|
|
1902
1900
|
connectedCallback(): void;
|
|
1901
|
+
disconnectedCallback(): void;
|
|
1902
|
+
}
|
|
1903
|
+
/**
|
|
1904
|
+
* @element nve-menu-group
|
|
1905
|
+
* @description Organizes related menu items under a disclosure header that can show or hide one child menu.
|
|
1906
|
+
* @documentation https://nvidia.github.io/elements/docs/elements/menu/
|
|
1907
|
+
* @since 0.0.0
|
|
1908
|
+
* @entrypoint \@nvidia-elements/core/menu
|
|
1909
|
+
* @command --open - Opens the menu group.
|
|
1910
|
+
* @command --close - Closes the menu group.
|
|
1911
|
+
* @command --toggle - Toggles the menu group.
|
|
1912
|
+
* @event open - Dispatched when the user requests that the menu group open.
|
|
1913
|
+
* @event close - Dispatched when the user requests that the menu group close.
|
|
1914
|
+
* @slot - Label content for the disclosure header.
|
|
1915
|
+
* @slot prefix - Non-interactive content before the header label, such as an icon or avatar.
|
|
1916
|
+
* @slot suffix - Non-interactive content after the header label, such as a badge or count.
|
|
1917
|
+
* @slot menu - One `nve-menu` containing the grouped menu items. Direct menus use this slot automatically in browsers; server-rendered menus must set `slot="menu"` explicitly.
|
|
1918
|
+
* @cssprop --background
|
|
1919
|
+
* @cssprop --font-size
|
|
1920
|
+
* @cssprop --padding
|
|
1921
|
+
* @cssprop --gap
|
|
1922
|
+
* @cssprop --border-radius
|
|
1923
|
+
* @cssprop --color
|
|
1924
|
+
* @cssprop --width
|
|
1925
|
+
* @cssprop --min-height
|
|
1926
|
+
* @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/
|
|
1927
|
+
* @stable false
|
|
1928
|
+
*/
|
|
1929
|
+
export declare class MenuGroup extends LitElement {
|
|
1930
|
+
#private;
|
|
1931
|
+
static styles: CSSResult[];
|
|
1932
|
+
static readonly metadata: {
|
|
1933
|
+
tag: string;
|
|
1934
|
+
version: string;
|
|
1935
|
+
children: string[];
|
|
1936
|
+
};
|
|
1937
|
+
static elementDefinitions: {
|
|
1938
|
+
[Icon.metadata.tag]: typeof Icon;
|
|
1939
|
+
};
|
|
1940
|
+
/** Determines whether the child menu is visible. */
|
|
1941
|
+
expanded: boolean;
|
|
1942
|
+
/** Prevents user activation of the disclosure header. */
|
|
1943
|
+
disabled: boolean;
|
|
1944
|
+
/** Determines whether user activation automatically updates the expanded state. */
|
|
1945
|
+
behaviorExpand: boolean;
|
|
1946
|
+
/** @private */
|
|
1947
|
+
_internals: ElementInternals;
|
|
1948
|
+
render(): TemplateResult<1>;
|
|
1949
|
+
connectedCallback(): void;
|
|
1903
1950
|
}
|
|
1904
1951
|
declare const MenuItem_base: ButtonFormControlMixinReturn<typeof LitElement>;
|
|
1905
1952
|
/**
|
|
@@ -1909,6 +1956,7 @@ declare const MenuItem_base: ButtonFormControlMixinReturn<typeof LitElement>;
|
|
|
1909
1956
|
* @since 0.11.0
|
|
1910
1957
|
* @entrypoint \@nvidia-elements/core/menu
|
|
1911
1958
|
* @slot - Label and supporting content for the menu option.
|
|
1959
|
+
* @slot prefix - slot for prefix icon
|
|
1912
1960
|
* @slot suffix - slot for suffix icon
|
|
1913
1961
|
* @cssprop --background
|
|
1914
1962
|
* @cssprop --border-radius
|
|
@@ -3483,11 +3531,13 @@ export declare class Grid extends LitElement implements ContainerElement {
|
|
|
3483
3531
|
children: string[];
|
|
3484
3532
|
};
|
|
3485
3533
|
static elementDefinitions: {};
|
|
3534
|
+
/** @private */
|
|
3486
3535
|
get keynavGridConfig(): {
|
|
3487
3536
|
columns: GridColumn[];
|
|
3488
3537
|
rows: (GridRow | GridHeader)[];
|
|
3489
3538
|
cells: (GridColumn | GridCell)[];
|
|
3490
3539
|
};
|
|
3540
|
+
/** @private */
|
|
3491
3541
|
get stateScrollConfig(): StateScrollConfig;
|
|
3492
3542
|
/** @private */
|
|
3493
3543
|
_internals: ElementInternals;
|
|
@@ -4967,7 +5017,7 @@ export declare class StepsItem extends StepsItem_base {
|
|
|
4967
5017
|
/**
|
|
4968
5018
|
* Determines whether the steps should display in condensed format with no text labels.
|
|
4969
5019
|
*/
|
|
4970
|
-
container?:
|
|
5020
|
+
container?: "condensed";
|
|
4971
5021
|
/** @private */
|
|
4972
5022
|
index: number;
|
|
4973
5023
|
static styles: CSSResult[];
|
|
@@ -5003,7 +5053,7 @@ export declare class Steps extends LitElement {
|
|
|
5003
5053
|
/**
|
|
5004
5054
|
* Determines whether the steps should display in condensed format with no text labels.
|
|
5005
5055
|
*/
|
|
5006
|
-
container?:
|
|
5056
|
+
container?: "condensed";
|
|
5007
5057
|
/**
|
|
5008
5058
|
* Determines whether the steps should handle selection behavior vs. defaults to off.
|
|
5009
5059
|
*/
|
|
@@ -5475,7 +5525,7 @@ export declare class TreeNode extends LitElement {
|
|
|
5475
5525
|
/** @private */
|
|
5476
5526
|
slot: string;
|
|
5477
5527
|
/**
|
|
5478
|
-
* Returns
|
|
5528
|
+
* Returns the slotted child tree nodes.
|
|
5479
5529
|
*/
|
|
5480
5530
|
readonly nodes: TreeNode[];
|
|
5481
5531
|
/** @private */
|
|
@@ -5544,6 +5594,7 @@ export declare class Tree extends LitElement {
|
|
|
5544
5594
|
children: string[];
|
|
5545
5595
|
};
|
|
5546
5596
|
_internals: ElementInternals;
|
|
5597
|
+
/** Returns the tree nodes in document order. */
|
|
5547
5598
|
get nodes(): TreeNode[];
|
|
5548
5599
|
/** @private */
|
|
5549
5600
|
get keynavListConfig(): KeynavListConfig;
|
|
@@ -5568,47 +5619,75 @@ export interface ViewportRect extends ViewportPoint {
|
|
|
5568
5619
|
readonly height: number;
|
|
5569
5620
|
}
|
|
5570
5621
|
export type ViewportPanBehavior = boolean | "space";
|
|
5571
|
-
export
|
|
5572
|
-
|
|
5573
|
-
readonly
|
|
5622
|
+
export type ViewportNavigationSource = "pointer" | "wheel" | "pinch" | "keyboard" | "command" | "minimap" | "control";
|
|
5623
|
+
export interface ViewportPanProposal {
|
|
5624
|
+
readonly source: ViewportNavigationSource;
|
|
5625
|
+
readonly event: Event;
|
|
5574
5626
|
readonly next: ViewportTransform;
|
|
5627
|
+
readonly clientX?: number;
|
|
5628
|
+
readonly clientY?: number;
|
|
5629
|
+
readonly deltaX?: number;
|
|
5630
|
+
readonly deltaY?: number;
|
|
5575
5631
|
}
|
|
5576
|
-
export
|
|
5632
|
+
export type ViewportPanUpdateProposal = Omit<ViewportPanProposal, "source">;
|
|
5633
|
+
export interface ViewportPanDetail extends ViewportPanProposal {
|
|
5634
|
+
readonly start: ViewportTransform;
|
|
5635
|
+
}
|
|
5636
|
+
export interface ViewportPointerPanDetail extends ViewportPanDetail {
|
|
5637
|
+
readonly source: "pointer";
|
|
5638
|
+
readonly event: PointerEvent;
|
|
5639
|
+
readonly clientX: number;
|
|
5640
|
+
readonly clientY: number;
|
|
5641
|
+
readonly movementX: number;
|
|
5642
|
+
readonly movementY: number;
|
|
5643
|
+
readonly startClientX: number;
|
|
5644
|
+
readonly startClientY: number;
|
|
5645
|
+
readonly totalDisplacementX: number;
|
|
5646
|
+
readonly totalDisplacementY: number;
|
|
5647
|
+
}
|
|
5648
|
+
export type ViewportWheelPanDetail = ViewportPanDetail & {
|
|
5577
5649
|
readonly source: "wheel";
|
|
5578
5650
|
readonly event: WheelEvent;
|
|
5579
5651
|
readonly clientX: number;
|
|
5580
5652
|
readonly clientY: number;
|
|
5581
5653
|
readonly deltaX: number;
|
|
5582
5654
|
readonly deltaY: number;
|
|
5583
|
-
|
|
5584
|
-
|
|
5585
|
-
}
|
|
5586
|
-
export interface ViewportDiscretePanDetail {
|
|
5655
|
+
};
|
|
5656
|
+
export type ViewportDiscretePanDetail = ViewportPanDetail & {
|
|
5587
5657
|
readonly source: "keyboard" | "command";
|
|
5588
5658
|
readonly event: KeyboardEvent | CommandEvent;
|
|
5589
|
-
|
|
5590
|
-
|
|
5591
|
-
|
|
5592
|
-
|
|
5593
|
-
export type ViewportPanEndReason = PointerEndReason | "pinch";
|
|
5594
|
-
export interface ViewportPanEndDetail {
|
|
5595
|
-
readonly source: "pointer";
|
|
5596
|
-
readonly event: PointerEvent;
|
|
5659
|
+
};
|
|
5660
|
+
export type ViewportPanEndReason = "up" | "cancel" | "lost-capture" | "buttons-released" | "pinch";
|
|
5661
|
+
export interface ViewportPanEndRequest {
|
|
5662
|
+
readonly event: Event;
|
|
5597
5663
|
readonly interrupted: boolean;
|
|
5598
5664
|
readonly reason: ViewportPanEndReason;
|
|
5665
|
+
}
|
|
5666
|
+
export interface ViewportPanEndDetail extends ViewportPanEndRequest {
|
|
5667
|
+
readonly source: ViewportNavigationSource;
|
|
5599
5668
|
readonly start: ViewportTransform;
|
|
5600
5669
|
readonly transform: ViewportTransform;
|
|
5601
5670
|
}
|
|
5602
|
-
export interface
|
|
5603
|
-
readonly
|
|
5604
|
-
|
|
5605
|
-
|
|
5606
|
-
|
|
5671
|
+
export interface ViewportPanSession {
|
|
5672
|
+
readonly start: ViewportTransform;
|
|
5673
|
+
update(proposal: ViewportPanUpdateProposal): boolean;
|
|
5674
|
+
end(request: ViewportPanEndRequest): void;
|
|
5675
|
+
}
|
|
5676
|
+
export interface ViewportZoomProposal {
|
|
5677
|
+
readonly source: ViewportNavigationSource;
|
|
5678
|
+
readonly event: Event;
|
|
5679
|
+
readonly clientX?: number;
|
|
5680
|
+
readonly clientY?: number;
|
|
5607
5681
|
readonly anchor: ViewportPoint;
|
|
5608
5682
|
readonly factor: number;
|
|
5609
|
-
readonly start: ViewportTransform;
|
|
5610
5683
|
readonly next: ViewportTransform;
|
|
5611
5684
|
}
|
|
5685
|
+
export interface ViewportZoomRequestOptions {
|
|
5686
|
+
readonly animated?: boolean;
|
|
5687
|
+
}
|
|
5688
|
+
export interface ViewportZoomDetail extends ViewportZoomProposal {
|
|
5689
|
+
readonly start: ViewportTransform;
|
|
5690
|
+
}
|
|
5612
5691
|
export interface ViewportAnimationOptions {
|
|
5613
5692
|
readonly duration?: number;
|
|
5614
5693
|
}
|
|
@@ -5627,11 +5706,13 @@ export interface ViewportRevealOptions {
|
|
|
5627
5706
|
* @entrypoint \@nvidia-elements/core/viewport
|
|
5628
5707
|
* @slot - Content positioned in the viewport's infinite content space.
|
|
5629
5708
|
* @slot background - Custom content rendered behind viewport content and excluded from content fitting
|
|
5630
|
-
* @
|
|
5631
|
-
* @event
|
|
5632
|
-
* @event
|
|
5633
|
-
* @event
|
|
5709
|
+
* @slot overlay - Interactive content fixed above the transformed plane and excluded from content fitting
|
|
5710
|
+
* @event panstart - Dispatched when a sustained pointer or control pan begins. Cancel to suppress the default for its session.
|
|
5711
|
+
* @event pan - Dispatched for admitted user pan proposals. Cancel to skip the proposed transform mutation.
|
|
5712
|
+
* @event panend - Dispatched once when a sustained pan ends, including its terminal reason.
|
|
5713
|
+
* @event zoom - Dispatched for admitted user zoom proposals. Cancel to skip the proposed transform mutation.
|
|
5634
5714
|
* @event viewportchange - Dispatched once after a render that commits one or more viewport transform changes.
|
|
5715
|
+
* @event capabilitieschange - Dispatched after effective user-input pan or zoom admission changes.
|
|
5635
5716
|
* @cssprop --background - Background color of the fixed viewport area.
|
|
5636
5717
|
* @cssprop --min-height
|
|
5637
5718
|
* @cssprop --pan-cursor - Cursor shown over a background eligible for primary-pointer panning.
|
|
@@ -5677,6 +5758,10 @@ export declare class Viewport extends LitElement {
|
|
|
5677
5758
|
set behaviorPan(value: ViewportPanBehavior | null | undefined);
|
|
5678
5759
|
/** Enables zooming by pinch, focused modified wheel, focused keyboard, and Invoker commands. */
|
|
5679
5760
|
behaviorZoom: boolean;
|
|
5761
|
+
/** Whether the viewport may admit new user-input panning. */
|
|
5762
|
+
get pannable(): boolean;
|
|
5763
|
+
/** Whether the viewport may admit new user-input zooming. */
|
|
5764
|
+
get zoomable(): boolean;
|
|
5680
5765
|
/** Fits measurable direct default-slot content once after initial layout. */
|
|
5681
5766
|
autoFit: boolean;
|
|
5682
5767
|
/** Default uniform CSS-pixel inset reserved around bounds when fitting content. */
|
|
@@ -5697,6 +5782,25 @@ export declare class Viewport extends LitElement {
|
|
|
5697
5782
|
getTransform(): ViewportTransform;
|
|
5698
5783
|
/** Returns the visible content-space rectangle. */
|
|
5699
5784
|
getVisibleRect(): ViewportRect;
|
|
5785
|
+
/**
|
|
5786
|
+
* Requests one discrete user-originated pan. When pannable, the viewport dispatches
|
|
5787
|
+
* a cancelable `pan` and applies the default transform if no listener cancels the event.
|
|
5788
|
+
* Returns true only when that default changes the transform.
|
|
5789
|
+
*/
|
|
5790
|
+
requestPan(proposal: ViewportPanProposal): boolean;
|
|
5791
|
+
/**
|
|
5792
|
+
* Requests one discrete user-originated zoom. When zoomable, the viewport dispatches
|
|
5793
|
+
* a cancelable `zoom` and applies the default transform if no listener cancels the event.
|
|
5794
|
+
* Set `options.animated` to animate the uncanceled default; the option is absent from the `zoom` detail.
|
|
5795
|
+
* Returns true when the default changes or schedules a change to the transform.
|
|
5796
|
+
*/
|
|
5797
|
+
requestZoom(proposal: ViewportZoomProposal, options?: ViewportZoomRequestOptions): boolean;
|
|
5798
|
+
/**
|
|
5799
|
+
* Starts a sustained semantic pan after the caller crosses its activation threshold.
|
|
5800
|
+
* Dispatches `panstart`, performs the initial `pan` update, and returns a session for later updates
|
|
5801
|
+
* and one terminal `panend`. Returns undefined when pannable is false.
|
|
5802
|
+
*/
|
|
5803
|
+
startPan(proposal: ViewportPanProposal): ViewportPanSession | undefined;
|
|
5700
5804
|
/** Animates the viewport to the requested partial transform. */
|
|
5701
5805
|
animateTo(target: Partial<ViewportTransform>, options?: ViewportAnimationOptions): void;
|
|
5702
5806
|
/** Centers or fits a content-space region within the viewport. */
|
|
@@ -5746,6 +5850,41 @@ export declare class ViewportGridlines extends LitElement {
|
|
|
5746
5850
|
protected willUpdate(changed: PropertyValues<this>): void;
|
|
5747
5851
|
render(): typeof nothing | TemplateResult<1>;
|
|
5748
5852
|
}
|
|
5853
|
+
/**
|
|
5854
|
+
* @element nve-viewport-minimap
|
|
5855
|
+
* @description Provides a simplified overview and direct navigation for its parent viewport.
|
|
5856
|
+
* @documentation https://nvidia.github.io/elements/docs/elements/viewport/
|
|
5857
|
+
* @since 0.0.0
|
|
5858
|
+
* @entrypoint \@nvidia-elements/core/viewport
|
|
5859
|
+
* @cssprop --background - Color of the surface behind preview geometry.
|
|
5860
|
+
* @cssprop --color - Color of automatically drawn root rectangles.
|
|
5861
|
+
* @cssprop --indicator-color - Color of the current visible-region indicator.
|
|
5862
|
+
* @cssprop --border-radius - Corner radius of the minimap.
|
|
5863
|
+
* @cssprop --recenter-cursor - Cursor for clicking the background to center the viewport.
|
|
5864
|
+
* @cssprop --pan-cursor - Cursor over a draggable visible region.
|
|
5865
|
+
* @cssprop --panning-cursor - Cursor during a visible-region drag.
|
|
5866
|
+
* @slot preview - Optional simplified content drawn in viewport content coordinates. Replaces automatic root rectangles.
|
|
5867
|
+
*/
|
|
5868
|
+
export declare class ViewportMinimap extends LitElement {
|
|
5869
|
+
#private;
|
|
5870
|
+
static styles: CSSResult[];
|
|
5871
|
+
static readonly metadata: {
|
|
5872
|
+
tag: string;
|
|
5873
|
+
version: string;
|
|
5874
|
+
};
|
|
5875
|
+
/** @private */
|
|
5876
|
+
_internals: ElementInternals;
|
|
5877
|
+
/** @private */
|
|
5878
|
+
slot: string;
|
|
5879
|
+
/** @private */
|
|
5880
|
+
protected accessibilityHidden: string;
|
|
5881
|
+
constructor();
|
|
5882
|
+
connectedCallback(): void;
|
|
5883
|
+
disconnectedCallback(): void;
|
|
5884
|
+
/** Remeasures content bounds after preview or viewport roots move without resizing. */
|
|
5885
|
+
refresh(): void;
|
|
5886
|
+
render(): TemplateResult<1>;
|
|
5887
|
+
}
|
|
5749
5888
|
/**
|
|
5750
5889
|
* @element nve-week
|
|
5751
5890
|
* @description A week picker is a control that enables users to choose a week value.
|