@nvidia-elements/core 2.6.0 → 2.7.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 +20 -0
- package/dist/accordion/accordion2.js +4 -4
- package/dist/alert/alert-group2.js +1 -1
- package/dist/alert/alert2.js +1 -1
- package/dist/avatar/avatar-group2.js +1 -1
- package/dist/avatar/avatar2.js +1 -1
- package/dist/badge/badge2.js +1 -1
- package/dist/breadcrumb/breadcrumb2.js +1 -1
- package/dist/bundles/index.d.ts +1 -0
- package/dist/bundles/index.js +5 -5
- package/dist/button/button2.js +1 -1
- package/dist/button-group/button-group2.js +1 -1
- package/dist/card/card2.js +4 -4
- 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/color2.js +1 -1
- package/dist/combobox/combobox2.js +1 -1
- package/dist/copy-button/copy-button2.js +1 -1
- package/dist/custom-elements.json +588 -184
- package/dist/data.snippets.json +36 -36
- package/dist/date/date2.js +1 -1
- package/dist/datetime/datetime2.js +1 -1
- package/dist/dialog/dialog-footer2.js +1 -1
- package/dist/dialog/dialog-header2.js +1 -1
- package/dist/dialog/dialog2.js +1 -1
- package/dist/divider/divider2.js +1 -1
- package/dist/dot/dot2.js +1 -1
- package/dist/drawer/drawer-content2.js +1 -1
- package/dist/drawer/drawer-footer2.js +1 -1
- package/dist/drawer/drawer-header2.js +1 -1
- package/dist/drawer/drawer2.js +1 -1
- package/dist/dropdown/dropdown-footer2.js +1 -1
- package/dist/dropdown/dropdown-header2.js +1 -1
- package/dist/dropdown/dropdown2.js +1 -1
- package/dist/dropdown-group/dropdown-group.js +1 -1
- package/dist/dropzone/dropzone2.js +1 -1
- package/dist/file/file2.js +1 -1
- package/dist/format-bytes/format-bytes2.js +1 -1
- package/dist/format-datetime/format-datetime2.js +1 -1
- package/dist/format-number/format-number2.js +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-group2.js +1 -1
- package/dist/forms/control-message/control-message2.js +1 -1
- package/dist/gauge/gauge2.js +1 -1
- package/dist/gauge/gauge2.js.map +1 -1
- package/dist/grid/cell/cell2.js +1 -1
- package/dist/grid/column/column2.js +1 -1
- package/dist/grid/footer/footer2.js +1 -1
- package/dist/grid/grid2.js +1 -1
- package/dist/grid/header/header2.js +1 -1
- package/dist/grid/placeholder/placeholder2.js +1 -1
- package/dist/grid/row/row2.js +1 -1
- package/dist/icon/icon2.js +2 -2
- 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/gesture.controller.d.ts +65 -0
- package/dist/internal/controllers/gesture.controller.examples.js +6 -0
- package/dist/internal/controllers/gesture.controller.examples.js.map +1 -0
- package/dist/internal/controllers/gesture.controller.examples.json +16 -0
- package/dist/internal/controllers/gesture.controller.js +235 -0
- package/dist/internal/controllers/gesture.controller.js.map +1 -0
- package/dist/internal/controllers/keynav-spatial.controller.d.ts +24 -0
- package/dist/internal/controllers/keynav-spatial.controller.js +75 -0
- package/dist/internal/controllers/keynav-spatial.controller.js.map +1 -0
- package/dist/internal/index.d.ts +2 -1
- package/dist/internal/index.js +30 -29
- package/dist/internal/services/global.service.js +1 -1
- package/dist/logo/logo2.js +1 -1
- package/dist/menu/menu-item2.js +1 -1
- package/dist/menu/menu2.js +1 -1
- package/dist/month/month2.js +1 -1
- package/dist/notification/notification-group2.js +1 -1
- package/dist/notification/notification2.js +1 -1
- package/dist/page/page-panel/page-panel-content2.js +1 -1
- package/dist/page/page-panel/page-panel-footer2.js +1 -1
- package/dist/page/page-panel/page-panel-header2.js +1 -1
- package/dist/page/page-panel/page-panel2.js +1 -1
- package/dist/page/page.js +1 -1
- package/dist/page/page.js.map +1 -1
- package/dist/page/page2.js +1 -1
- package/dist/page-header/page-header2.js +1 -1
- package/dist/page-loader/page-loader2.js +1 -1
- package/dist/pagination/pagination2.js +1 -1
- package/dist/panel/panel2.js +4 -4
- package/dist/password/password2.js +1 -1
- package/dist/preferences-input/preferences-input2.js +1 -1
- package/dist/progress-bar/progress-bar.js.map +1 -1
- package/dist/progress-bar/progress-bar2.js +1 -1
- package/dist/progress-ring/progress-ring2.js +1 -1
- package/dist/progressive-filter-chip/progressive-filter-chip2.js +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/range2.js +1 -1
- package/dist/resize-handle/resize-handle.d.ts +1 -0
- package/dist/resize-handle/resize-handle2.js +42 -23
- package/dist/resize-handle/resize-handle2.js.map +1 -1
- package/dist/search/search2.js +1 -1
- package/dist/select/select2.js +1 -1
- package/dist/skeleton/skeleton2.js +1 -1
- package/dist/sort-button/sort-button2.js +1 -1
- package/dist/sparkline/sparkline2.js +1 -1
- package/dist/star-rating/star-rating2.js +1 -1
- 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-group2.js +1 -1
- package/dist/tabs/tabs2.js +2 -2
- package/dist/tag/tag2.js +1 -1
- package/dist/textarea/textarea2.js +1 -1
- package/dist/time/time2.js +1 -1
- package/dist/toast/toast2.js +1 -1
- package/dist/toggletip/toggletip-footer2.js +1 -1
- package/dist/toggletip/toggletip-header2.js +1 -1
- package/dist/toggletip/toggletip2.js +1 -1
- package/dist/toolbar/toolbar2.js +1 -1
- package/dist/tooltip/tooltip2.js +1 -1
- package/dist/tree/tree-node2.js +1 -1
- package/dist/tree/tree2.js +1 -1
- package/dist/week/week2.js +1 -1
- package/package.json +23 -1
- package/dist/internal/controllers/type-touch.controller.d.ts +0 -22
- package/dist/internal/controllers/type-touch.controller.examples.js +0 -6
- package/dist/internal/controllers/type-touch.controller.examples.js.map +0 -1
- package/dist/internal/controllers/type-touch.controller.examples.json +0 -16
- package/dist/internal/controllers/type-touch.controller.js +0 -58
- package/dist/internal/controllers/type-touch.controller.js.map +0 -1
package/dist/page/page.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//#region src/page/page.css?inline
|
|
2
|
-
var e = ":host{--background: var(--nve-sys-layer-canvas-background);--color: var(--nve-sys-layer-canvas-color);--gap: var(--nve-ref-space-md);--padding: 0;display:block;height:
|
|
2
|
+
var e = ":host{--background: var(--nve-sys-layer-canvas-background);--color: var(--nve-sys-layer-canvas-color);--gap: var(--nve-ref-space-md);--padding: 0;display:block;height:100dvh;width:stretch;overflow:hidden}:host([document-scroll]){height:auto!important}[internal-host]{background:var(--background);color:var(--color);height:100%;display:grid;grid-template-rows:auto auto 1fr auto auto;grid-template-columns:auto auto 1fr auto auto;grid-template-areas:\"header header header header header\" \"left-aside subheader subheader subheader right-aside\" \"left-aside left main right right-aside\" \"left-aside left bottom right right-aside\" \"left-aside subfooter subfooter subfooter right-aside\" \"footer footer footer footer footer\"}slot{display:flex;background:var(--background);scroll-behavior:smooth;scrollbar-color:var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);scrollbar-width:var(--nve-sys-scrollbar-width)}[name=header]{grid-area:header;flex-direction:column}[name=subheader]{grid-area:subheader;flex-direction:column}[name=left]{grid-area:left;height:100%}[name=right]{grid-area:right;height:100%}[name=bottom]{grid-area:bottom;height:fit-content;flex-direction:column}[name=left-aside],[name=right-aside]{position:relative;z-index:1}[name=left-aside]{grid-area:left-aside;height:100%}[name=right-aside]{grid-area:right-aside;height:100%}[name=subfooter]{grid-area:subfooter}[name=footer]{grid-area:footer}::slotted(nve-page-panel){--border: 0}::slotted(nve-toolbar[slot=\"footer\"]),::slotted(nve-toolbar[slot=\"subfooter\"]),::slotted(nve-page-panel[slot=\"footer\"]),::slotted(nve-page-panel[slot=\"subfooter\"]){border-block-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);width:100%}::slotted(nve-page-panel[slot=\"left\"]),::slotted(nve-page-panel[slot=\"left-aside\"]),::slotted(nve-toolbar[slot=\"left-aside\"]){border-inline-end:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-page-panel[slot=\"right\"]),::slotted(nve-page-panel[slot=\"right-aside\"]),::slotted(nve-toolbar[slot=\"right-aside\"]){border-inline-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-page-panel[slot=\"bottom\"]){border-block-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-page-panel[slot=\"subheader\"]),::slotted(nve-toolbar[slot=\"subheader\"]){border-block-end:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-toolbar){--border-radius: 0;--box-shadow: none}::slotted(nve-toolbar[slot=\"subheader\"]) ::slotted(nve-toolbar[slot=\"subfooter\"]),::slotted(nve-toolbar[slot=\"footer\"]){height:fit-content}::slotted(nve-toolbar[slot=\"left-aside\"]),::slotted(nve-toolbar[slot=\"right-aside\"]){--min-height: 100%}::slotted(nve-resize-handle[slot]){--background: transparent}::slotted(nve-resize-handle[slot=\"left\"]){margin-inline-start:calc(-1 * var(--nve-ref-border-width-md))}::slotted(nve-resize-handle[slot=\"right\"]){margin-inline-end:calc(-1 * var(--nve-ref-border-width-md))}slot:not([name]){gap:var(--gap);padding:var(--padding);display:flex;flex-direction:column;align-items:start;overflow:auto;slot{display:contents}}::slotted(main){width:100%;height:100%}";
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as default };
|
|
5
5
|
|
package/dist/page/page.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.js","names":[],"sources":["../../src/page/page.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n --background: var(--nve-sys-layer-canvas-background);\n --color: var(--nve-sys-layer-canvas-color);\n --gap: var(--nve-ref-space-md);\n --padding: 0;\n display: block;\n height:
|
|
1
|
+
{"version":3,"file":"page.js","names":[],"sources":["../../src/page/page.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n --background: var(--nve-sys-layer-canvas-background);\n --color: var(--nve-sys-layer-canvas-color);\n --gap: var(--nve-ref-space-md);\n --padding: 0;\n display: block;\n height: 100dvh;\n width: stretch;\n overflow: hidden;\n}\n\n:host([document-scroll]) {\n height: auto !important;\n}\n\n[internal-host] {\n background: var(--background);\n color: var(--color);\n height: 100%;\n display: grid;\n grid-template-rows: auto auto 1fr auto auto;\n grid-template-columns: auto auto 1fr auto auto;\n grid-template-areas:\n 'header header header header header'\n 'left-aside subheader subheader subheader right-aside'\n 'left-aside left main right right-aside'\n 'left-aside left bottom right right-aside'\n 'left-aside subfooter subfooter subfooter right-aside'\n 'footer footer footer footer footer';\n}\n\nslot {\n display: flex;\n background: var(--background);\n scroll-behavior: smooth;\n scrollbar-color: var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);\n scrollbar-width: var(--nve-sys-scrollbar-width);\n}\n\n[name='header'] {\n grid-area: header;\n flex-direction: column;\n}\n\n[name='subheader'] {\n grid-area: subheader;\n flex-direction: column;\n}\n\n[name='left'] {\n grid-area: left;\n height: 100%;\n}\n\n[name='right'] {\n grid-area: right;\n height: 100%;\n}\n\n[name='bottom'] {\n grid-area: bottom;\n height: fit-content;\n flex-direction: column;\n}\n\n/** ensures sliding panels transition \"under\" aside slot */\n[name='left-aside'],\n[name='right-aside'] {\n position: relative;\n z-index: 1;\n}\n\n[name='left-aside'] {\n grid-area: left-aside;\n height: 100%;\n}\n\n[name='right-aside'] {\n grid-area: right-aside;\n height: 100%;\n}\n\n[name='subfooter'] {\n grid-area: subfooter;\n}\n\n[name='footer'] {\n grid-area: footer;\n}\n\n::slotted(nve-page-panel) {\n --border: 0;\n}\n\n::slotted(nve-toolbar[slot='footer']),\n::slotted(nve-toolbar[slot='subfooter']),\n::slotted(nve-page-panel[slot='footer']),\n::slotted(nve-page-panel[slot='subfooter']) {\n border-block-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n width: 100%;\n}\n\n::slotted(nve-page-panel[slot='left']),\n::slotted(nve-page-panel[slot='left-aside']),\n::slotted(nve-toolbar[slot='left-aside']) {\n border-inline-end: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-page-panel[slot='right']),\n::slotted(nve-page-panel[slot='right-aside']),\n::slotted(nve-toolbar[slot='right-aside']) {\n border-inline-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-page-panel[slot='bottom']) {\n border-block-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-page-panel[slot='subheader']),\n::slotted(nve-toolbar[slot='subheader']) {\n border-block-end: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-toolbar) {\n --border-radius: 0;\n --box-shadow: none;\n}\n\n::slotted(nve-toolbar[slot='subheader']) ::slotted(nve-toolbar[slot='subfooter']),\n::slotted(nve-toolbar[slot='footer']) {\n height: fit-content;\n}\n\n::slotted(nve-toolbar[slot='left-aside']),\n::slotted(nve-toolbar[slot='right-aside']) {\n --min-height: 100%;\n}\n\n::slotted(nve-resize-handle[slot]) {\n --background: transparent;\n}\n\n::slotted(nve-resize-handle[slot='left']) {\n margin-inline-start: calc(-1 * var(--nve-ref-border-width-md));\n}\n\n::slotted(nve-resize-handle[slot='right']) {\n margin-inline-end: calc(-1 * var(--nve-ref-border-width-md));\n}\n\nslot:not([name]) {\n gap: var(--gap);\n padding: var(--padding);\n display: flex;\n flex-direction: column;\n align-items: start;\n overflow: auto;\n\n slot {\n display: contents;\n }\n}\n\n::slotted(main) {\n width: 100%;\n height: 100%;\n}\n"],"mappings":""}
|
package/dist/page/page2.js
CHANGED
package/dist/panel/panel2.js
CHANGED
|
@@ -21,7 +21,7 @@ var g = class extends f {
|
|
|
21
21
|
static {
|
|
22
22
|
this.metadata = {
|
|
23
23
|
tag: "nve-panel-header",
|
|
24
|
-
version: "2.
|
|
24
|
+
version: "2.7.0"
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
@@ -37,7 +37,7 @@ var g = class extends f {
|
|
|
37
37
|
static {
|
|
38
38
|
this.metadata = {
|
|
39
39
|
tag: "nve-panel-content",
|
|
40
|
-
version: "2.
|
|
40
|
+
version: "2.7.0"
|
|
41
41
|
};
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
@@ -50,7 +50,7 @@ var g = class extends f {
|
|
|
50
50
|
static {
|
|
51
51
|
this.metadata = {
|
|
52
52
|
tag: "nve-panel-footer",
|
|
53
|
-
version: "2.
|
|
53
|
+
version: "2.7.0"
|
|
54
54
|
};
|
|
55
55
|
}
|
|
56
56
|
render() {
|
|
@@ -69,7 +69,7 @@ var g = class extends f {
|
|
|
69
69
|
static {
|
|
70
70
|
this.metadata = {
|
|
71
71
|
tag: "nve-panel",
|
|
72
|
-
version: "2.
|
|
72
|
+
version: "2.7.0"
|
|
73
73
|
};
|
|
74
74
|
}
|
|
75
75
|
static {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-bar.js","names":[],"sources":["../../src/progress-bar/progress-bar.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n display: flex;\n width: 100%;\n line-height: 0;\n --height: var(--nve-ref-size-200);\n --opacity: 1;\n --accent-color: var(--nve-sys-interaction-color);\n --background: var(--nve-sys-interaction-background);\n}\n\n:host([status='accent']) {\n --accent-color: var(--nve-sys-accent-secondary-background);\n}\n\n:host([status='success']) {\n --accent-color: var(--nve-sys-support-success-color);\n}\n\n:host([status='warning']) {\n --accent-color: var(--nve-sys-support-warning-color);\n}\n\n:host([status='danger']) {\n --accent-color: var(--nve-sys-support-danger-color);\n}\n\nprogress {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: var(--background);\n border-radius: var(--nve-ref-border-radius-full);\n height: var(--height);\n opacity: var(--opacity);\n width: 100%;\n}\n\nprogress[value]::-webkit-progress-bar {\n background-color: inherit;\n border-radius: var(--nve-ref-border-radius-full);\n}\n\nprogress[value]::-webkit-progress-value {\n border-radius: var(--nve-ref-border-radius-full);\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n background-color: var(--accent-color);\n}\n\nprogress[value].full::-webkit-progress-value {\n border-top-right-radius: var(--nve-ref-border-radius-full);\n border-bottom-right-radius: var(--nve-ref-border-radius-full);\n}\n\nprogress[value].min-width::-webkit-progress-value {\n min-width: 5px;\n}\n\nprogress[value]::-moz-progress-bar {\n border-radius: var(--nve-ref-border-radius-full);\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n background-color: var(--accent-color);\n}\n\n:host(:not([value])) {\n --height: var(--nve-ref-size-100);\n --opacity: 0.75;\n}\n\nprogress.indeterminate {\n --accent-color-faded: color-mix(in srgb, var(--accent-color), transparent 90%);\n --indeterminate-gradient: linear-gradient(to right, var(--accent-color-faded) 10%, var(--accent-color));\n --indeterminate-gradient-reverse: linear-gradient(to left, var(--accent-color-faded) 10%, var(--accent-color));\n will-change: transform;\n background-image: var(--indeterminate-gradient);\n animation: indeterminate-animation calc(var(--nve-ref-animation-duration-400) * 3) infinite
|
|
1
|
+
{"version":3,"file":"progress-bar.js","names":[],"sources":["../../src/progress-bar/progress-bar.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n display: flex;\n width: 100%;\n line-height: 0;\n --height: var(--nve-ref-size-200);\n --opacity: 1;\n --accent-color: var(--nve-sys-interaction-color);\n --background: var(--nve-sys-interaction-background);\n}\n\n:host([status='accent']) {\n --accent-color: var(--nve-sys-accent-secondary-background);\n}\n\n:host([status='success']) {\n --accent-color: var(--nve-sys-support-success-color);\n}\n\n:host([status='warning']) {\n --accent-color: var(--nve-sys-support-warning-color);\n}\n\n:host([status='danger']) {\n --accent-color: var(--nve-sys-support-danger-color);\n}\n\nprogress {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: var(--background);\n border-radius: var(--nve-ref-border-radius-full);\n height: var(--height);\n opacity: var(--opacity);\n width: 100%;\n}\n\nprogress[value]::-webkit-progress-bar {\n background-color: inherit;\n border-radius: var(--nve-ref-border-radius-full);\n}\n\nprogress[value]::-webkit-progress-value {\n border-radius: var(--nve-ref-border-radius-full);\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n background-color: var(--accent-color);\n}\n\nprogress[value].full::-webkit-progress-value {\n border-top-right-radius: var(--nve-ref-border-radius-full);\n border-bottom-right-radius: var(--nve-ref-border-radius-full);\n}\n\nprogress[value].min-width::-webkit-progress-value {\n min-width: 5px;\n}\n\nprogress[value]::-moz-progress-bar {\n border-radius: var(--nve-ref-border-radius-full);\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n background-color: var(--accent-color);\n}\n\n:host(:not([value])) {\n --height: var(--nve-ref-size-100);\n --opacity: 0.75;\n}\n\nprogress.indeterminate {\n --accent-color-faded: color-mix(in srgb, var(--accent-color), transparent 90%);\n --indeterminate-gradient: linear-gradient(to right, var(--accent-color-faded) 10%, var(--accent-color));\n --indeterminate-gradient-reverse: linear-gradient(to left, var(--accent-color-faded) 10%, var(--accent-color));\n will-change: transform;\n background-image: var(--indeterminate-gradient);\n animation: indeterminate-animation calc(var(--nve-ref-animation-duration-400) * 3) infinite\n cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\nprogress[value].indeterminate::-webkit-progress-value {\n border-radius: var(--nve-ref-border-radius-none);\n background-color: transparent !important;\n}\n\n@keyframes indeterminate-animation {\n 0% {\n transform: scaleX(0.015);\n transform-origin: 0% 0%;\n }\n\n 25% {\n transform: scaleX(0.4);\n }\n\n 50% {\n transform: scaleX(0.015);\n transform-origin: 100% 0%;\n background-image: var(--indeterminate-gradient);\n }\n\n 50.1% {\n transform: scaleX(0.015);\n transform-origin: 100% 0%;\n background-image: var(--indeterminate-gradient-reverse);\n }\n\n 75% {\n transform: scaleX(0.4);\n }\n\n 100% {\n transform: scaleX(0.015);\n transform-origin: 0% 0%;\n background-image: var(--indeterminate-gradient-reverse);\n }\n}\n"],"mappings":""}
|
package/dist/pulse/pulse2.js
CHANGED
package/dist/radio/radio2.js
CHANGED
package/dist/range/range2.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { GestureController as e } from "../internal/controllers/gesture.controller.js";
|
|
2
|
+
import { I18nController as t } from "../internal/controllers/i18n.controller.js";
|
|
3
3
|
import { useStyles as n } from "../internal/styles/index.js";
|
|
4
4
|
import r from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
|
|
5
5
|
import i from "./resize-handle.js";
|
|
@@ -18,51 +18,70 @@ var u = class extends c(a) {
|
|
|
18
18
|
static {
|
|
19
19
|
this.metadata = {
|
|
20
20
|
tag: "nve-resize-handle",
|
|
21
|
-
version: "2.
|
|
21
|
+
version: "2.7.0",
|
|
22
22
|
valueSchema: { type: "number" }
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
25
|
#t;
|
|
26
26
|
#n;
|
|
27
|
+
#r;
|
|
28
|
+
#i;
|
|
27
29
|
render() {
|
|
28
|
-
return o`<div internal-host><div class="line" part="_line"></div><input aria-label="${l(this.ariaLabel ?? this.i18n.resize)}" type="range" min="${this.min}" max="${this.max}" .valueAsNumber="${this.valueAsNumber}" @input="${(e) => this.#
|
|
30
|
+
return o`<div internal-host><div class="line" part="_line"></div><input aria-label="${l(this.ariaLabel ?? this.i18n.resize)}" type="range" min="${this.min}" max="${this.max}" .valueAsNumber="${this.valueAsNumber}" @input="${(e) => this.#f(e.target.valueAsNumber)}" @change="${(e) => this.#p(e.target.valueAsNumber)}" step="${this.step}"></div>`;
|
|
29
31
|
}
|
|
30
32
|
constructor() {
|
|
31
|
-
super(), this.orientation = "horizontal", this.min = 0, this.max = 100, this.step = 10, this.#t = new
|
|
33
|
+
super(), this.orientation = "horizontal", this.min = 0, this.max = 100, this.step = 10, this.#t = new t(this), this.i18n = this.#t.i18n, this.#i = 0, this.#o = (e) => {
|
|
34
|
+
e.detail.kind === "pointerdown" && e.detail.event.button === 0 && e.detail.event.isPrimary && this.#r === void 0 && this.#c(e.detail.event.pointerId), e.detail.event.pointerId === this.#r && (e.detail.kind === "pointerup" && this.#u(), e.detail.kind === "pointercancel" && this.#d());
|
|
35
|
+
}, this.#s = (e) => {
|
|
36
|
+
e.detail.kind === "drag" && e.detail.event.pointerId === this.#r && this.#l(e.detail);
|
|
37
|
+
}, this.value = this.value ?? 50, this.#i = this.valueAsNumber, this.#n = new e(this, { getCapabilities: () => ({
|
|
38
|
+
drag: !0,
|
|
39
|
+
pan: !1,
|
|
40
|
+
pinch: !1,
|
|
41
|
+
wheel: !1
|
|
42
|
+
}) });
|
|
32
43
|
}
|
|
33
44
|
connectedCallback() {
|
|
34
|
-
super.connectedCallback(), this._internals.role = "none";
|
|
45
|
+
super.connectedCallback(), this._internals.role = "none", this.addEventListener("nve-gesture", this.#s), this.addEventListener("nve-pointer-input", this.#o);
|
|
46
|
+
}
|
|
47
|
+
disconnectedCallback() {
|
|
48
|
+
this.removeEventListener("nve-gesture", this.#s), this.removeEventListener("nve-pointer-input", this.#o), this.#d(), super.disconnectedCallback();
|
|
35
49
|
}
|
|
36
50
|
firstUpdated(e) {
|
|
37
|
-
super.firstUpdated(e), this
|
|
51
|
+
super.firstUpdated(e), this.#n.target = this, this.addEventListener("dblclick", () => {
|
|
38
52
|
this.dispatchEvent(new CustomEvent("toggle", {
|
|
39
53
|
cancelable: !0,
|
|
40
54
|
bubbles: !0,
|
|
41
55
|
composed: !0
|
|
42
|
-
})) && this.#
|
|
56
|
+
})) && this.#a();
|
|
43
57
|
});
|
|
44
58
|
}
|
|
45
|
-
#
|
|
59
|
+
#a() {
|
|
46
60
|
let e = this.valueAsNumber <= this.max && this.valueAsNumber !== this.min ? this.min : this.max;
|
|
47
|
-
this.#
|
|
61
|
+
this.#f(e), this.#p(e);
|
|
62
|
+
}
|
|
63
|
+
#o;
|
|
64
|
+
#s;
|
|
65
|
+
#c(e) {
|
|
66
|
+
this.#r = e, this.#e.step = "1", this._internals.states.add("active"), this.#i = this.valueAsNumber;
|
|
48
67
|
}
|
|
49
|
-
#
|
|
50
|
-
this
|
|
68
|
+
#l(e) {
|
|
69
|
+
let t = (this.orientation === "vertical" ? e.movementX : -e.movementY) * (this.dir === "rtl" ? -1 : 1);
|
|
70
|
+
this.#i = Math.max(this.min, Math.min(this.max, this.#i + t)), this.#f(this.#i);
|
|
51
71
|
}
|
|
52
|
-
#
|
|
53
|
-
|
|
54
|
-
this.#n += t, this.#s(this.#n);
|
|
72
|
+
#u() {
|
|
73
|
+
this.#i = this.valueAsNumber, this.#e.step = `${this.step}`, this.#r = void 0, this._internals.states.delete("active"), this.#p(this.#i);
|
|
55
74
|
}
|
|
56
|
-
#
|
|
57
|
-
this.#
|
|
75
|
+
#d() {
|
|
76
|
+
this.#r !== void 0 && (this.#r = void 0, this.#e.step = `${this.step}`, this._internals.states.delete("active"));
|
|
58
77
|
}
|
|
59
|
-
#
|
|
60
|
-
this.#
|
|
78
|
+
#f(e) {
|
|
79
|
+
this.#m(e), this.dispatchInputEvent();
|
|
61
80
|
}
|
|
62
|
-
#
|
|
63
|
-
this.#
|
|
81
|
+
#p(e) {
|
|
82
|
+
this.#m(e), this.dispatchChangeEvent();
|
|
64
83
|
}
|
|
65
|
-
#
|
|
84
|
+
#m(e) {
|
|
66
85
|
e <= this.max && e >= this.min && (this.valueAsNumber = e);
|
|
67
86
|
}
|
|
68
87
|
};
|
|
@@ -78,7 +97,7 @@ r([s({
|
|
|
78
97
|
})], u.prototype, "max", void 0), r([s({
|
|
79
98
|
type: Number,
|
|
80
99
|
reflect: !0
|
|
81
|
-
})], u.prototype, "step", void 0), r([s({ type: Object })], u.prototype, "i18n", void 0)
|
|
100
|
+
})], u.prototype, "step", void 0), r([s({ type: Object })], u.prototype, "i18n", void 0);
|
|
82
101
|
//#endregion
|
|
83
102
|
export { u as ResizeHandle };
|
|
84
103
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-handle2.js","names":["#range","#setInput","#setChange","#
|
|
1
|
+
{"version":3,"file":"resize-handle2.js","names":["#range","#i18nController","#gestureController","#setInput","#setChange","#dragPointerId","#dragStart","#dragEnd","#cancelDrag","#dragMove","#offset","#handleGesture","#handlePointerInput","#toggle","#updateValue"],"sources":["../../src/resize-handle/resize-handle.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, type PropertyValues } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { property } from 'lit/decorators/property.js';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixins';\nimport {\n GestureController,\n I18nController,\n useStyles,\n type Gesture,\n type UnhandledPointerInput\n} from '@nvidia-elements/core/internal';\nimport styles from './resize-handle.css?inline';\n\n/**\n * @element nve-resize-handle\n * @description A resize-handle slider is a control that enables users to resize views or panels vertically or horizontally.\n * @documentation https://nvidia.github.io/elements/docs/elements/resize-handle/\n * @since 1.27.0\n * @entrypoint \\@nvidia-elements/core/resize-handle\n * @event toggle - Dispatched when the resize handle is double clicked.\n * @cssprop --background\n * @cssprop --line-width\n * @cssprop --target-size\n * @cssprop --cursor\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/slider/\n *\n */\nexport class ResizeHandle extends FormControlMixin<typeof LitElement, number>(LitElement) {\n /**\n * Determines the orientation direction of the resize handle.\n */\n @property({ type: String, reflect: true }) orientation?: 'horizontal' | 'vertical' = 'horizontal';\n\n /**\n * Determines the min resize value.\n */\n @property({ type: Number, reflect: true }) min = 0;\n\n /**\n * Determines the max resize value.\n */\n @property({ type: Number, reflect: true }) max = 100;\n\n /**\n * Determines the value step change.\n */\n @property({ type: Number, reflect: true }) step = 10;\n\n static styles = useStyles([styles]);\n\n get #range() {\n return this.shadowRoot!.querySelector('input')!;\n }\n\n static readonly metadata = {\n tag: 'nve-resize-handle',\n version: '0.0.0',\n valueSchema: {\n type: 'number' as const\n }\n };\n\n readonly #i18nController: I18nController<this> = new I18nController<this>(this);\n\n readonly #gestureController: GestureController;\n\n #dragPointerId?: number;\n\n /**\n * Updates internal string values for internationalization.\n */\n @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n #offset = 0;\n\n render() {\n return html`\n <div internal-host>\n <div class=\"line\" part=\"_line\"></div>\n <input aria-label=${ifDefined(this.ariaLabel ?? this.i18n.resize)} type=\"range\" min=${this.min} max=${this.max} .valueAsNumber=${this.valueAsNumber} @input=${(e: Event) => this.#setInput((e.target as HTMLInputElement).valueAsNumber)} @change=${(e: Event) => this.#setChange((e.target as HTMLInputElement).valueAsNumber)} step=${this.step} />\n </div>\n `;\n }\n\n constructor() {\n super();\n this.value = this.value ?? 50;\n this.#offset = this.valueAsNumber;\n this.#gestureController = new GestureController(this, {\n getCapabilities: () => ({ drag: true, pan: false, pinch: false, wheel: false })\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n this._internals.role = 'none';\n this.addEventListener('nve-gesture', this.#handleGesture as EventListener);\n this.addEventListener('nve-pointer-input', this.#handlePointerInput as EventListener);\n }\n\n disconnectedCallback() {\n this.removeEventListener('nve-gesture', this.#handleGesture as EventListener);\n this.removeEventListener('nve-pointer-input', this.#handlePointerInput as EventListener);\n this.#cancelDrag();\n super.disconnectedCallback();\n }\n\n firstUpdated(props: PropertyValues) {\n super.firstUpdated(props);\n this.#gestureController.target = this;\n this.addEventListener('dblclick', () => {\n if (!this.dispatchEvent(new CustomEvent('toggle', { cancelable: true, bubbles: true, composed: true }))) {\n return;\n }\n this.#toggle();\n });\n }\n\n #toggle() {\n const value = this.valueAsNumber <= this.max && this.valueAsNumber !== this.min ? this.min : this.max;\n this.#setInput(value);\n this.#setChange(value);\n }\n\n #handlePointerInput = (event: CustomEvent<UnhandledPointerInput>): void => {\n if (\n event.detail.kind === 'pointerdown' &&\n event.detail.event.button === 0 &&\n event.detail.event.isPrimary &&\n this.#dragPointerId === undefined\n ) {\n this.#dragStart(event.detail.event.pointerId);\n }\n if (event.detail.event.pointerId !== this.#dragPointerId) return;\n if (event.detail.kind === 'pointerup') this.#dragEnd();\n if (event.detail.kind === 'pointercancel') this.#cancelDrag();\n };\n\n #handleGesture = (event: CustomEvent<Gesture<undefined>>): void => {\n if (event.detail.kind === 'drag' && event.detail.event.pointerId === this.#dragPointerId) {\n this.#dragMove(event.detail);\n }\n };\n\n #dragStart(pointerId: number) {\n this.#dragPointerId = pointerId;\n this.#range.step = '1';\n this._internals.states.add('active');\n this.#offset = this.valueAsNumber;\n }\n\n #dragMove(gesture: Extract<Gesture<undefined>, { kind: 'drag' }>) {\n const offset =\n (this.orientation === 'vertical' ? gesture.movementX : -gesture.movementY) * (this.dir === 'rtl' ? -1 : 1);\n this.#offset = Math.max(this.min, Math.min(this.max, this.#offset + offset));\n this.#setInput(this.#offset);\n }\n\n #dragEnd() {\n this.#offset = this.valueAsNumber;\n this.#range.step = `${this.step}`;\n this.#dragPointerId = undefined;\n this._internals.states.delete('active');\n this.#setChange(this.#offset);\n }\n\n #cancelDrag() {\n if (this.#dragPointerId === undefined) return;\n this.#dragPointerId = undefined;\n this.#range.step = `${this.step}`;\n this._internals.states.delete('active');\n }\n\n #setInput(value: number) {\n this.#updateValue(value);\n this.dispatchInputEvent();\n }\n\n #setChange(value: number) {\n this.#updateValue(value);\n this.dispatchChangeEvent();\n }\n\n #updateValue(value: number) {\n if (value <= this.max && value >= this.min) {\n this.valueAsNumber = value;\n }\n }\n}\n"],"mappings":"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"}
|
package/dist/search/search2.js
CHANGED
package/dist/select/select2.js
CHANGED
package/dist/steps/steps2.js
CHANGED
|
@@ -23,7 +23,7 @@ var v = class extends h(d) {
|
|
|
23
23
|
static {
|
|
24
24
|
this.metadata = {
|
|
25
25
|
tag: "nve-steps-item",
|
|
26
|
-
version: "2.
|
|
26
|
+
version: "2.7.0",
|
|
27
27
|
parents: ["nve-steps"]
|
|
28
28
|
};
|
|
29
29
|
}
|
|
@@ -69,7 +69,7 @@ var y = class extends d {
|
|
|
69
69
|
static {
|
|
70
70
|
this.metadata = {
|
|
71
71
|
tag: "nve-steps",
|
|
72
|
-
version: "2.
|
|
72
|
+
version: "2.7.0",
|
|
73
73
|
children: ["nve-steps-item"]
|
|
74
74
|
};
|
|
75
75
|
}
|
package/dist/switch/switch2.js
CHANGED
package/dist/tabs/tabs-group2.js
CHANGED
package/dist/tabs/tabs2.js
CHANGED
|
@@ -20,7 +20,7 @@ var _ = class extends h(f) {
|
|
|
20
20
|
static {
|
|
21
21
|
this.metadata = {
|
|
22
22
|
tag: "nve-tabs-item",
|
|
23
|
-
version: "2.
|
|
23
|
+
version: "2.7.0",
|
|
24
24
|
parents: ["nve-tabs"]
|
|
25
25
|
};
|
|
26
26
|
}
|
|
@@ -53,7 +53,7 @@ var v = class extends f {
|
|
|
53
53
|
static {
|
|
54
54
|
this.metadata = {
|
|
55
55
|
tag: "nve-tabs",
|
|
56
|
-
version: "2.
|
|
56
|
+
version: "2.7.0",
|
|
57
57
|
children: ["nve-tabs-item"]
|
|
58
58
|
};
|
|
59
59
|
}
|
package/dist/tag/tag2.js
CHANGED
package/dist/time/time2.js
CHANGED