@nvidia-elements/core 2.7.2 → 2.7.3
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 +17 -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 +2 -1
- package/dist/bundles/index.js +2 -2
- 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-jsx.d.ts +3 -2
- package/dist/custom-elements-vue.d.ts +3 -2
- package/dist/custom-elements.json +8 -4
- package/dist/data.html.json +2 -2
- package/dist/data.snippets.json +27 -27
- 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/dropzone.js +1 -1
- package/dist/dropzone/dropzone.js.map +1 -1
- package/dist/dropzone/dropzone2.js +2 -2
- package/dist/dropzone/dropzone2.js.map +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 +13 -13
- package/dist/format-bytes/format-bytes2.js.map +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-message.d.ts +1 -0
- package/dist/forms/control-message/control-message2.js +1 -1
- package/dist/forms/control-message/control-message2.js.map +1 -1
- package/dist/gauge/gauge2.js +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/icons/pointer-solid.js +1 -1
- package/dist/icon/icons/split-horizontal.js +1 -1
- package/dist/icon/icons/split-none.js +1 -1
- package/dist/icon/icons/split-vertical.js +1 -1
- package/dist/icon/icons/stop.js +1 -1
- package/dist/icon/server.js +5 -5
- package/dist/icon/server.js.map +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/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/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-bar2.js +1 -1
- package/dist/progress-ring/progress-ring.js +1 -1
- package/dist/progress-ring/progress-ring.js.map +1 -1
- package/dist/progress-ring/progress-ring2.js +2 -2
- package/dist/progress-ring/progress-ring2.js.map +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-handle2.js +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 +2 -2
package/dist/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import { I18nService as e } from "./internal/services/i18n.service.js";
|
|
|
2
2
|
import { getThemeTokens as t } from "./internal/utils/dom.js";
|
|
3
3
|
import { statusIcons as n } from "./internal/types/index.js";
|
|
4
4
|
//#region src/index.ts
|
|
5
|
-
var r = "2.7.
|
|
5
|
+
var r = "2.7.3", i = "@nvidia-elements";
|
|
6
6
|
//#endregion
|
|
7
7
|
export { e as I18nService, i as SCOPE, r as VERSION, t as getThemeTokens, n as statusIcons };
|
|
8
8
|
|
package/dist/input/input2.js
CHANGED
|
@@ -19,7 +19,7 @@ var a = class {
|
|
|
19
19
|
i18nRegistry: {},
|
|
20
20
|
audit: {}
|
|
21
21
|
}
|
|
22
|
-
}, globalThis.NVE_ELEMENTS.state.versions = Array.from(/* @__PURE__ */ new Set([...globalThis.NVE_ELEMENTS.state.versions, "2.7.
|
|
22
|
+
}, globalThis.NVE_ELEMENTS.state.versions = Array.from(/* @__PURE__ */ new Set([...globalThis.NVE_ELEMENTS.state.versions, "2.7.3"])), globalThis.NVE_ELEMENTS.state.scopedRegistry ??= {}, globalThis.NVE_ELEMENTS.state.scopedRegistry["2.7.3"] = i(), globalThis.NVE_ELEMENTS.state.versions.length > 1 && globalThis.NVE_ELEMENTS.state.env !== "production" && console.warn(e(), `\n\n${JSON.stringify(globalThis.NVE_ELEMENTS.state.versions, null, 2)}`);
|
|
23
23
|
}
|
|
24
24
|
get state() {
|
|
25
25
|
return globalThis.NVE_ELEMENTS.state;
|
package/dist/logo/logo2.js
CHANGED
package/dist/menu/menu-item2.js
CHANGED
package/dist/menu/menu2.js
CHANGED
package/dist/month/month2.js
CHANGED
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.7.
|
|
24
|
+
version: "2.7.3"
|
|
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.7.
|
|
40
|
+
version: "2.7.3"
|
|
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.7.
|
|
53
|
+
version: "2.7.3"
|
|
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.7.
|
|
72
|
+
version: "2.7.3"
|
|
73
73
|
};
|
|
74
74
|
}
|
|
75
75
|
static {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//#region src/progress-ring/progress-ring.css?inline
|
|
2
|
-
var e = ":host{--background-color: var(--nve-sys-interaction-background);--ring-color: var(--nve-sys-accent-secondary-background);--ring-background-opacity: 1;--ring-width: 2px;--width: var(--nve-ref-size-800);--height: var(--nve-ref-size-800);--animation-duration: calc(var(--nve-ref-animation-duration-400) * 2.5);width:var(--width);height:var(--height);container-type:size}:host([size=\"xxs\"]){--ring-width: 3px;--width: var(--nve-ref-size-300);--height: var(--nve-ref-size-300)}:host([size=\"xs\"]){--ring-width: 3px;--width: var(--nve-ref-size-400);--height: var(--nve-ref-size-400)}:host([size=\"sm\"]){--ring-width: 2.5px;--width: var(--nve-ref-size-600);--height: var(--nve-ref-size-600)}:host([size=\"lg\"]){--width: var(--nve-ref-size-1000);--height: var(--nve-ref-size-1000)}:host([size=\"xl\"]){--ring-width: 1px;--width: calc(2 * var(--nve-ref-space-xxxl));--height: calc(2 * var(--nve-ref-space-xxxl))}[internal-host]{display:flex;place-items:center;place-content:center;height:100%}svg{position:absolute;top:0;left:0;width:100%;height:100%}circle.background{fill:var(--background-color);opacity:var(--ring-background-opacity);stroke:none}circle.ring{fill:none;stroke:var(--ring-color);stroke-width:var(--ring-width);stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all .2s ease-in-out 0s}:host([status=\"success\"]){--ring-color: var(--nve-sys-support-success-emphasis-color);--background-color: var(--nve-sys-support-success-muted-color)}:host([status=\"warning\"]){--ring-color: var(--nve-sys-support-warning-emphasis-color);--background-color: var(--nve-sys-support-warning-muted-color)}:host([status=\"danger\"]){--ring-color: var(--nve-sys-support-danger-emphasis-color);--background-color: var(--nve-sys-support-danger-muted-color)}:host([status=\"neutral\"]){--ring-background-opacity: .5;--ring-color: var(--color, var(--nve-sys-interaction-color));--background-color: var(--color, var(--nve-sys-interaction-color))}:host([status=\"accent\"]) [internal-host]:not([indeterminate]) circle.background{stroke:var(--background-color);fill:none;stroke-width:var(--ring-width)}:host([status=\"accent\"]) [internal-host][indeterminate] circle.background{display:none}:host([status=\"neutral\"]) [internal-host]:not([indeterminate]) circle.background{stroke:var(--background-color);fill:none;stroke-width:var(--ring-width)}:host([status=\"neutral\"]) [internal-host][indeterminate] circle.background{display:none}[internal-host][indeterminate] circle.ring{animation:var(--animation-duration) linear 0s infinite normal none running spin-infinite}::slotted(nve-icon),nve-icon{--width: 50cqw;--height: 50cqh;--color: var(--ring-color)}@keyframes spin-infinite{0%{stroke-dasharray:.01px,43.97px;transform:rotate(0)}50%{stroke-dasharray:21.99px,21.99px;transform:rotate(450deg)}to{stroke-dasharray:.01px,43.97px;transform:rotate(1080deg)}}";
|
|
2
|
+
var e = ":host{--background-color: var(--nve-sys-interaction-background);--ring-color: var(--nve-sys-accent-secondary-background);--ring-background-opacity: 1;--ring-width: 2px;--width: var(--nve-ref-size-800);--height: var(--nve-ref-size-800);--animation-duration: calc(var(--nve-ref-animation-duration-400) * 2.5);width:var(--width);height:var(--height);container-type:size}:host([size=\"xxs\"]){--ring-width: 3px;--width: var(--nve-ref-size-300);--height: var(--nve-ref-size-300)}:host([size=\"xs\"]){--ring-width: 3px;--width: var(--nve-ref-size-400);--height: var(--nve-ref-size-400)}:host([size=\"sm\"]){--ring-width: 2.5px;--width: var(--nve-ref-size-600);--height: var(--nve-ref-size-600)}:host([size=\"lg\"]){--width: var(--nve-ref-size-1000);--height: var(--nve-ref-size-1000)}:host([size=\"xl\"]){--ring-width: 1px;--width: calc(2 * var(--nve-ref-space-xxxl));--height: calc(2 * var(--nve-ref-space-xxxl))}[internal-host]{display:flex;place-items:center;place-content:center;height:100%}svg{position:absolute;top:0;left:0;width:100%;height:100%}circle.background{fill:var(--background-color);opacity:var(--ring-background-opacity);stroke:none}circle.progress-ring-circle{fill:none;stroke:var(--ring-color);stroke-width:var(--ring-width);stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all .2s ease-in-out 0s}:host([status=\"success\"]){--ring-color: var(--nve-sys-support-success-emphasis-color);--background-color: var(--nve-sys-support-success-muted-color)}:host([status=\"warning\"]){--ring-color: var(--nve-sys-support-warning-emphasis-color);--background-color: var(--nve-sys-support-warning-muted-color)}:host([status=\"danger\"]){--ring-color: var(--nve-sys-support-danger-emphasis-color);--background-color: var(--nve-sys-support-danger-muted-color)}:host([status=\"neutral\"]){--ring-background-opacity: .5;--ring-color: var(--color, var(--nve-sys-interaction-color));--background-color: var(--color, var(--nve-sys-interaction-color))}:host([status=\"accent\"]) [internal-host]:not([indeterminate]) circle.background{stroke:var(--background-color);fill:none;stroke-width:var(--ring-width)}:host([status=\"accent\"]) [internal-host][indeterminate] circle.background{display:none}:host([status=\"neutral\"]) [internal-host]:not([indeterminate]) circle.background{stroke:var(--background-color);fill:none;stroke-width:var(--ring-width)}:host([status=\"neutral\"]) [internal-host][indeterminate] circle.background{display:none}[internal-host][indeterminate] circle.progress-ring-circle{animation:var(--animation-duration) linear 0s infinite normal none running spin-infinite}::slotted(nve-icon),nve-icon{--width: 50cqw;--height: 50cqh;--color: var(--ring-color)}@keyframes spin-infinite{0%{stroke-dasharray:.01px,43.97px;transform:rotate(0)}50%{stroke-dasharray:21.99px,21.99px;transform:rotate(450deg)}to{stroke-dasharray:.01px,43.97px;transform:rotate(1080deg)}}";
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as default };
|
|
5
5
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-ring.js","names":[],"sources":["../../src/progress-ring/progress-ring.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-color: var(--nve-sys-interaction-background);\n --ring-color: var(--nve-sys-accent-secondary-background);\n --ring-background-opacity: 1;\n --ring-width: 2px;\n --width: var(--nve-ref-size-800);\n --height: var(--nve-ref-size-800);\n --animation-duration: calc(var(--nve-ref-animation-duration-400) * 2.5);\n\n width: var(--width);\n height: var(--height);\n container-type: size;\n}\n\n:host([size='xxs']) {\n --ring-width: 3px;\n --width: var(--nve-ref-size-300);\n --height: var(--nve-ref-size-300);\n}\n\n:host([size='xs']) {\n --ring-width: 3px;\n --width: var(--nve-ref-size-400);\n --height: var(--nve-ref-size-400);\n}\n\n:host([size='sm']) {\n --ring-width: 2.5px;\n --width: var(--nve-ref-size-600);\n --height: var(--nve-ref-size-600);\n}\n\n:host([size='lg']) {\n --width: var(--nve-ref-size-1000);\n --height: var(--nve-ref-size-1000);\n}\n\n:host([size='xl']) {\n --ring-width: 1px;\n --width: calc(2 * var(--nve-ref-space-xxxl));\n --height: calc(2 * var(--nve-ref-space-xxxl));\n}\n\n[internal-host] {\n display: flex;\n place-items: center;\n place-content: center;\n height: 100%;\n}\n\nsvg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\ncircle.background {\n fill: var(--background-color);\n opacity: var(--ring-background-opacity);\n stroke: none;\n}\n\ncircle.ring {\n fill: none;\n stroke: var(--ring-color);\n stroke-width: var(--ring-width);\n stroke-linecap: round;\n transform-origin: 50% 50%;\n transform: rotate(-90deg);\n transition: all 0.2s ease-in-out 0s;\n}\n\n:host([status='success']) {\n --ring-color: var(--nve-sys-support-success-emphasis-color);\n --background-color: var(--nve-sys-support-success-muted-color);\n}\n\n:host([status='warning']) {\n --ring-color: var(--nve-sys-support-warning-emphasis-color);\n --background-color: var(--nve-sys-support-warning-muted-color);\n}\n\n:host([status='danger']) {\n --ring-color: var(--nve-sys-support-danger-emphasis-color);\n --background-color: var(--nve-sys-support-danger-muted-color);\n}\n\n:host([status='neutral']) {\n --ring-background-opacity: 0.5;\n --ring-color: var(--color, var(--nve-sys-interaction-color));\n --background-color: var(--color, var(--nve-sys-interaction-color));\n}\n\n:host([status='accent']) [internal-host]:not([indeterminate]) circle.background {\n stroke: var(--background-color);\n fill: none;\n stroke-width: var(--ring-width);\n}\n\n:host([status='accent']) [internal-host][indeterminate] circle.background {\n display: none;\n}\n\n:host([status='neutral']) [internal-host]:not([indeterminate]) circle.background {\n stroke: var(--background-color);\n fill: none;\n stroke-width: var(--ring-width);\n}\n\n:host([status='neutral']) [internal-host][indeterminate] circle.background {\n display: none;\n}\n\n[internal-host][indeterminate] circle.ring {\n animation: var(--animation-duration) linear 0s infinite normal none running spin-infinite;\n}\n\n::slotted(nve-icon),\nnve-icon {\n --width: 50cqw;\n --height: 50cqh;\n --color: var(--ring-color);\n}\n\n@keyframes spin-infinite {\n 0% {\n stroke-dasharray: 0.01px, 43.97px;\n transform: rotate(0deg);\n }\n\n 50% {\n stroke-dasharray: 21.99px, 21.99px;\n transform: rotate(450deg);\n }\n\n 100% {\n stroke-dasharray: 0.01px, 43.97px;\n transform: rotate(1080deg);\n }\n}\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"progress-ring.js","names":[],"sources":["../../src/progress-ring/progress-ring.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-color: var(--nve-sys-interaction-background);\n --ring-color: var(--nve-sys-accent-secondary-background);\n --ring-background-opacity: 1;\n --ring-width: 2px;\n --width: var(--nve-ref-size-800);\n --height: var(--nve-ref-size-800);\n --animation-duration: calc(var(--nve-ref-animation-duration-400) * 2.5);\n\n width: var(--width);\n height: var(--height);\n container-type: size;\n}\n\n:host([size='xxs']) {\n --ring-width: 3px;\n --width: var(--nve-ref-size-300);\n --height: var(--nve-ref-size-300);\n}\n\n:host([size='xs']) {\n --ring-width: 3px;\n --width: var(--nve-ref-size-400);\n --height: var(--nve-ref-size-400);\n}\n\n:host([size='sm']) {\n --ring-width: 2.5px;\n --width: var(--nve-ref-size-600);\n --height: var(--nve-ref-size-600);\n}\n\n:host([size='lg']) {\n --width: var(--nve-ref-size-1000);\n --height: var(--nve-ref-size-1000);\n}\n\n:host([size='xl']) {\n --ring-width: 1px;\n --width: calc(2 * var(--nve-ref-space-xxxl));\n --height: calc(2 * var(--nve-ref-space-xxxl));\n}\n\n[internal-host] {\n display: flex;\n place-items: center;\n place-content: center;\n height: 100%;\n}\n\nsvg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\ncircle.background {\n fill: var(--background-color);\n opacity: var(--ring-background-opacity);\n stroke: none;\n}\n\ncircle.progress-ring-circle {\n fill: none;\n stroke: var(--ring-color);\n stroke-width: var(--ring-width);\n stroke-linecap: round;\n transform-origin: 50% 50%;\n transform: rotate(-90deg);\n transition: all 0.2s ease-in-out 0s;\n}\n\n:host([status='success']) {\n --ring-color: var(--nve-sys-support-success-emphasis-color);\n --background-color: var(--nve-sys-support-success-muted-color);\n}\n\n:host([status='warning']) {\n --ring-color: var(--nve-sys-support-warning-emphasis-color);\n --background-color: var(--nve-sys-support-warning-muted-color);\n}\n\n:host([status='danger']) {\n --ring-color: var(--nve-sys-support-danger-emphasis-color);\n --background-color: var(--nve-sys-support-danger-muted-color);\n}\n\n:host([status='neutral']) {\n --ring-background-opacity: 0.5;\n --ring-color: var(--color, var(--nve-sys-interaction-color));\n --background-color: var(--color, var(--nve-sys-interaction-color));\n}\n\n:host([status='accent']) [internal-host]:not([indeterminate]) circle.background {\n stroke: var(--background-color);\n fill: none;\n stroke-width: var(--ring-width);\n}\n\n:host([status='accent']) [internal-host][indeterminate] circle.background {\n display: none;\n}\n\n:host([status='neutral']) [internal-host]:not([indeterminate]) circle.background {\n stroke: var(--background-color);\n fill: none;\n stroke-width: var(--ring-width);\n}\n\n:host([status='neutral']) [internal-host][indeterminate] circle.background {\n display: none;\n}\n\n[internal-host][indeterminate] circle.progress-ring-circle {\n animation: var(--animation-duration) linear 0s infinite normal none running spin-infinite;\n}\n\n::slotted(nve-icon),\nnve-icon {\n --width: 50cqw;\n --height: 50cqh;\n --color: var(--ring-color);\n}\n\n@keyframes spin-infinite {\n 0% {\n stroke-dasharray: 0.01px, 43.97px;\n transform: rotate(0deg);\n }\n\n 50% {\n stroke-dasharray: 21.99px, 21.99px;\n transform: rotate(450deg);\n }\n\n 100% {\n stroke-dasharray: 0.01px, 43.97px;\n transform: rotate(1080deg);\n }\n}\n"],"mappings":""}
|
|
@@ -19,7 +19,7 @@ var d = class extends c {
|
|
|
19
19
|
static {
|
|
20
20
|
this.metadata = {
|
|
21
21
|
tag: "nve-progress-ring",
|
|
22
|
-
version: "2.7.
|
|
22
|
+
version: "2.7.3"
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
25
|
static {
|
|
@@ -27,7 +27,7 @@ var d = class extends c {
|
|
|
27
27
|
}
|
|
28
28
|
#e;
|
|
29
29
|
render() {
|
|
30
|
-
return l`<div internal-host ?indeterminate="${this.value === void 0}"><svg viewBox="0 0 16 16" role="presentation"><circle cx="8px" cy="8px" r="6.5px" class="background"></circle><circle cx="8px" cy="8px" r="6.5px" class="ring" stroke-dasharray="${`${(this.value ?? 0) / (this.max ?? 100) * 44}px 44px`}"></circle></svg><slot>${this.status === "accent" ? "" : l`<nve-icon part="icon" .name="${this.status ? i[this.status] : void 0}" .status="${this.status}" aria-hidden="true"></nve-icon>`}</slot></div>`;
|
|
30
|
+
return l`<div internal-host ?indeterminate="${this.value === void 0}"><svg viewBox="0 0 16 16" role="presentation"><circle cx="8px" cy="8px" r="6.5px" class="background"></circle><circle cx="8px" cy="8px" r="6.5px" class="progress-ring-circle" stroke-dasharray="${`${(this.value ?? 0) / (this.max ?? 100) * 44}px 44px`}"></circle></svg><slot>${this.status === "accent" ? "" : l`<nve-icon part="icon" .name="${this.status ? i[this.status] : void 0}" .status="${this.status}" aria-hidden="true"></nve-icon>`}</slot></div>`;
|
|
31
31
|
}
|
|
32
32
|
connectedCallback() {
|
|
33
33
|
super.connectedCallback(), t(this), this._internals.role = "progressbar";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-ring2.js","names":["#i18nController"],"sources":["../../src/progress-ring/progress-ring.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Size, SupportStatus } from '@nvidia-elements/core/internal';\nimport {\n attachInternals,\n I18nController,\n scopedRegistry,\n statusIcons,\n useStyles\n} from '@nvidia-elements/core/internal';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './progress-ring.css?inline';\n\n/**\n * @element nve-progress-ring\n * @description The `progress-ring` component shows the status of a pending task. It also serves the basis of the page loading element.\n * @documentation https://nvidia.github.io/elements/docs/elements/progress-ring/\n * @since 0.17.0\n * @entrypoint \\@nvidia-elements/core/progress-ring\n * @slot - Content to display in the ring center. Defaults to a status icon.\n * @cssprop --background-color\n * @cssprop --ring-color\n * @cssprop --ring-background-opacity\n * @cssprop --ring-width\n * @cssprop --width\n * @cssprop --height\n * @cssprop --animation-duration\n * @cssprop --color\n * @csspart icon - The icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role\n */\n@scopedRegistry()\nexport class ProgressRing extends LitElement {\n static styles = useStyles([styles]);\n\n static readonly metadata = {\n tag: 'nve-progress-ring',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [Icon.metadata.tag]: Icon\n };\n\n /** @private */\n declare _internals: ElementInternals;\n\n /** The current `value` of the progress ring. When not set, an indeterminate animation will show. */\n @property({ type: Number }) value?: number;\n\n /** The `max` value of the progress ring that the `value` is proportionally scaled to. */\n @property({ type: Number }) max? = 100;\n\n /** Four visual treatments represent the `status` of tasks. When `status` changes to `warning`, `success`, or `danger`, the component embeds appropriate icons. */\n @property({ type: String, reflect: true }) status?: SupportStatus | 'neutral' = 'neutral';\n\n /** T-shirt `size` of the progress indicator, used to scale the ring. */\n @property({ type: String, reflect: true }) size?: Size | 'xxs' | 'xs' | 'xl';\n\n #i18nController: I18nController<this> = new I18nController<this>(this);\n\n /** Enables updating internal string values for internationalization. */\n @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n render() {\n return html`\n <div internal-host ?indeterminate=${this.value === undefined}>\n <svg viewBox=\"0 0 16 16\" role=\"presentation\">\n <circle cx=\"8px\" cy=\"8px\" r=\"6.5px\" class=\"background\"></circle>\n <circle cx=\"8px\" cy=\"8px\" r=\"6.5px\" class=\"ring\"\n stroke-dasharray=${`${((this.value ?? 0) / (this.max ?? 100)) * 44}px 44px`}>\n </circle>\n </svg>\n <slot>\n ${\n this.status !== 'accent'\n ? html`<nve-icon part=\"icon\" .name=${this.status ? statusIcons[this.status] : undefined} .status=${this.status as SupportStatus} aria-hidden=\"true\"></nve-icon>`\n : ''\n }\n </slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'progressbar';\n }\n\n updated(props: PropertyValues<this>) {\n super.updated(props);\n this._internals.ariaValueNow = `${this.value === undefined ? '' : this.value}`;\n this._internals.ariaValueMax = `${this.max}`;\n const { status } = this;\n const statusLabel =\n status !== undefined && status !== 'neutral' && status !== 'accent' ? this.i18n[status] : undefined;\n this._internals.ariaLabel = statusLabel ?? this.i18n.information ?? null;\n }\n}\n"],"mappings":";;;;;;;;;;;AAoCO,IAAA,IAAA,cAA2B,EAAW;;0BAmBR,mBAG6C,qBAKxC,IAAI,EAAqB,IAAI,eAGlC,KAAKA,GAAgB;;;gBA7BxC,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAiBA;CAKA,SAAS;EACP,OAAO,CAAI,sCAC2B,KAAK,UAAU,KAAA,EAAU,
|
|
1
|
+
{"version":3,"file":"progress-ring2.js","names":["#i18nController"],"sources":["../../src/progress-ring/progress-ring.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Size, SupportStatus } from '@nvidia-elements/core/internal';\nimport {\n attachInternals,\n I18nController,\n scopedRegistry,\n statusIcons,\n useStyles\n} from '@nvidia-elements/core/internal';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './progress-ring.css?inline';\n\n/**\n * @element nve-progress-ring\n * @description The `progress-ring` component shows the status of a pending task. It also serves the basis of the page loading element.\n * @documentation https://nvidia.github.io/elements/docs/elements/progress-ring/\n * @since 0.17.0\n * @entrypoint \\@nvidia-elements/core/progress-ring\n * @slot - Content to display in the ring center. Defaults to a status icon.\n * @cssprop --background-color\n * @cssprop --ring-color\n * @cssprop --ring-background-opacity\n * @cssprop --ring-width\n * @cssprop --width\n * @cssprop --height\n * @cssprop --animation-duration\n * @cssprop --color\n * @csspart icon - The icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role\n */\n@scopedRegistry()\nexport class ProgressRing extends LitElement {\n static styles = useStyles([styles]);\n\n static readonly metadata = {\n tag: 'nve-progress-ring',\n version: '0.0.0'\n };\n\n static elementDefinitions = {\n [Icon.metadata.tag]: Icon\n };\n\n /** @private */\n declare _internals: ElementInternals;\n\n /** The current `value` of the progress ring. When not set, an indeterminate animation will show. */\n @property({ type: Number }) value?: number;\n\n /** The `max` value of the progress ring that the `value` is proportionally scaled to. */\n @property({ type: Number }) max? = 100;\n\n /** Four visual treatments represent the `status` of tasks. When `status` changes to `warning`, `success`, or `danger`, the component embeds appropriate icons. */\n @property({ type: String, reflect: true }) status?: SupportStatus | 'neutral' = 'neutral';\n\n /** T-shirt `size` of the progress indicator, used to scale the ring. */\n @property({ type: String, reflect: true }) size?: Size | 'xxs' | 'xs' | 'xl';\n\n #i18nController: I18nController<this> = new I18nController<this>(this);\n\n /** Enables updating internal string values for internationalization. */\n @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n render() {\n return html`\n <div internal-host ?indeterminate=${this.value === undefined}>\n <svg viewBox=\"0 0 16 16\" role=\"presentation\">\n <circle cx=\"8px\" cy=\"8px\" r=\"6.5px\" class=\"background\"></circle>\n <circle cx=\"8px\" cy=\"8px\" r=\"6.5px\" class=\"progress-ring-circle\"\n stroke-dasharray=${`${((this.value ?? 0) / (this.max ?? 100)) * 44}px 44px`}>\n </circle>\n </svg>\n <slot>\n ${\n this.status !== 'accent'\n ? html`<nve-icon part=\"icon\" .name=${this.status ? statusIcons[this.status] : undefined} .status=${this.status as SupportStatus} aria-hidden=\"true\"></nve-icon>`\n : ''\n }\n </slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'progressbar';\n }\n\n updated(props: PropertyValues<this>) {\n super.updated(props);\n this._internals.ariaValueNow = `${this.value === undefined ? '' : this.value}`;\n this._internals.ariaValueMax = `${this.max}`;\n const { status } = this;\n const statusLabel =\n status !== undefined && status !== 'neutral' && status !== 'accent' ? this.i18n[status] : undefined;\n this._internals.ariaLabel = statusLabel ?? this.i18n.information ?? null;\n }\n}\n"],"mappings":";;;;;;;;;;;AAoCO,IAAA,IAAA,cAA2B,EAAW;;0BAmBR,mBAG6C,qBAKxC,IAAI,EAAqB,IAAI,eAGlC,KAAKA,GAAgB;;;gBA7BxC,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAiBA;CAKA,SAAS;EACP,OAAO,CAAI,sCAC2B,KAAK,UAAU,KAAA,EAAU,oMAIpC,IAAK,KAAK,SAAS,MAAM,KAAK,OAAO,OAAQ,GAAG,SAAS,yBAK5E,KAAK,WAAW,WAEZ,KADA,CAAI,gCAA+B,KAAK,SAAS,EAAY,KAAK,UAAU,KAAA,EAAU,aAAW,KAAK,OAAwB,kCAEnI;CAIT;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAGnC,AAFA,MAAM,QAAQ,CAAK,GACnB,KAAK,WAAW,eAAe,GAAG,KAAK,UAAU,KAAA,IAAY,KAAK,KAAK,SACvE,KAAK,WAAW,eAAe,GAAG,KAAK;EACvC,IAAM,EAAE,cAAW,MACb,IACJ,MAAW,KAAA,KAAa,MAAW,aAAa,MAAW,WAAW,KAAK,KAAK,KAAU,KAAA;EAC5F,KAAK,WAAW,YAAY,KAAe,KAAK,KAAK,eAAe;CACtE;AACF;GAnDG,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAGzB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,OAAA,KAAA,CAAA,MAGzB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAKxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UA/B3B,EAAe,CAAA,GAAA,CAAA"}
|
package/dist/pulse/pulse2.js
CHANGED
package/dist/radio/radio2.js
CHANGED
package/dist/range/range2.js
CHANGED
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.7.
|
|
26
|
+
version: "2.7.3",
|
|
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.7.
|
|
72
|
+
version: "2.7.3",
|
|
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.7.
|
|
23
|
+
version: "2.7.3",
|
|
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.7.
|
|
56
|
+
version: "2.7.3",
|
|
57
57
|
children: ["nve-tabs-item"]
|
|
58
58
|
};
|
|
59
59
|
}
|
package/dist/tag/tag2.js
CHANGED
package/dist/time/time2.js
CHANGED
package/dist/toast/toast2.js
CHANGED
package/dist/toolbar/toolbar2.js
CHANGED