@nvidia-elements/core 2.15.4 → 2.16.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 +22 -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/bundle.d.ts +4 -0
- package/dist/bundles/index.d.ts +58 -0
- package/dist/bundles/index.js +73 -6
- 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 +46 -0
- package/dist/custom-elements-vue.d.ts +46 -0
- package/dist/custom-elements.json +271 -0
- package/dist/data.html.json +37 -0
- 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/drag-handle/drag-handle2.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/forms/utils/states.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-button/icon-button2.js +1 -1
- package/dist/iframe/define.d.ts +6 -0
- package/dist/iframe/define.js +7 -0
- package/dist/iframe/define.js.map +1 -0
- package/dist/iframe/iframe.d.ts +28 -0
- package/dist/iframe/iframe.examples.js +6 -0
- package/dist/iframe/iframe.examples.js.map +1 -0
- package/dist/iframe/iframe.examples.json +59 -0
- package/dist/iframe/iframe.js +6 -0
- package/dist/iframe/iframe.js.map +1 -0
- package/dist/iframe/iframe2.js +183 -0
- package/dist/iframe/iframe2.js.map +1 -0
- package/dist/iframe/index.d.ts +1 -0
- package/dist/iframe/index.js +2 -0
- 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-group2.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-dot/define.d.ts +6 -0
- package/dist/progress-dot/define.js +7 -0
- package/dist/progress-dot/define.js.map +1 -0
- package/dist/progress-dot/index.d.ts +1 -0
- package/dist/progress-dot/index.js +2 -0
- package/dist/progress-dot/progress-dot.d.ts +33 -0
- package/dist/progress-dot/progress-dot.examples.js +6 -0
- package/dist/progress-dot/progress-dot.examples.js.map +1 -0
- package/dist/progress-dot/progress-dot.examples.json +64 -0
- package/dist/progress-dot/progress-dot.js +6 -0
- package/dist/progress-dot/progress-dot.js.map +1 -0
- package/dist/progress-dot/progress-dot2.js +40 -0
- package/dist/progress-dot/progress-dot2.js.map +1 -0
- 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-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-node.js +1 -1
- package/dist/tree/tree-node.js.map +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 +28 -3
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { I18nController as e } from "../internal/controllers/i18n.controller.js";
|
|
2
|
+
import { attachInternals as t } from "../internal/utils/a11y.js";
|
|
3
|
+
import { useStyles as n } from "../internal/styles/index.js";
|
|
4
|
+
import r from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
|
|
5
|
+
import i from "./progress-dot.js";
|
|
6
|
+
import { LitElement as a, html as o } from "lit";
|
|
7
|
+
import { property as s } from "lit/decorators/property.js";
|
|
8
|
+
//#region src/progress-dot/progress-dot.ts
|
|
9
|
+
var c = class extends a {
|
|
10
|
+
constructor(...t) {
|
|
11
|
+
super(...t), this.size = "md", this.#e = new e(this), this.i18n = this.#e.i18n;
|
|
12
|
+
}
|
|
13
|
+
static {
|
|
14
|
+
this.styles = n([i]);
|
|
15
|
+
}
|
|
16
|
+
static {
|
|
17
|
+
this.metadata = {
|
|
18
|
+
tag: "nve-progress-dot",
|
|
19
|
+
version: "2.16.0"
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
#e;
|
|
23
|
+
render() {
|
|
24
|
+
return o`<div internal-host><svg viewBox="0 0 36 36" aria-hidden="true"><circle cx="5" cy="18" r="3"></circle><circle cx="18" cy="18" r="3"></circle><circle cx="31" cy="18" r="3"></circle></svg></div>`;
|
|
25
|
+
}
|
|
26
|
+
connectedCallback() {
|
|
27
|
+
super.connectedCallback(), t(this), this._internals.role = "progressbar";
|
|
28
|
+
}
|
|
29
|
+
updated(e) {
|
|
30
|
+
super.updated(e), this._internals.ariaLabel = this.i18n.loading ?? null;
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
r([s({
|
|
34
|
+
type: String,
|
|
35
|
+
reflect: !0
|
|
36
|
+
})], c.prototype, "size", void 0), r([s({ type: Object })], c.prototype, "i18n", void 0);
|
|
37
|
+
//#endregion
|
|
38
|
+
export { c as ProgressDot };
|
|
39
|
+
|
|
40
|
+
//# sourceMappingURL=progress-dot2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-dot2.js","names":[],"sources":["../../src/progress-dot/progress-dot.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 { property } from 'lit/decorators/property.js';\nimport type { Size } from '@nvidia-elements/core/internal';\nimport { attachInternals, I18nController, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './progress-dot.css?inline';\n\n/**\n * @element nve-progress-dot\n * @description An inline visual indicator that shows the progress of an ongoing task with an unknown completion percentage.\n * @documentation https://nvidia.github.io/elements/docs/elements/progress-dot/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/progress-dot\n * @cssprop --color - Dot color. Defaults to the inherited text color.\n * @cssprop --width - Indicator width.\n * @cssprop --height - Indicator height.\n * @cssprop --animation-duration - Duration of one animation cycle. Set to 0s for static dots.\n * @aria https://www.w3.org/TR/wai-aria-1.2/#progressbar\n */\nexport class ProgressDot extends LitElement {\n static styles = useStyles([styles]);\n\n static readonly metadata = {\n tag: 'nve-progress-dot',\n version: '0.0.0'\n };\n\n /** @private */\n declare _internals: ElementInternals;\n\n /** Controls the indicator size. */\n @property({ type: String, reflect: true }) size: Size = 'md';\n\n #i18nController: I18nController<this> = new I18nController<this>(this);\n\n /** Enables updating the default loading label for internationalization. */\n @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n render() {\n return html`\n <div internal-host>\n <svg viewBox=\"0 0 36 36\" aria-hidden=\"true\">\n <circle cx=\"5\" cy=\"18\" r=\"3\"></circle>\n <circle cx=\"18\" cy=\"18\" r=\"3\"></circle>\n <circle cx=\"31\" cy=\"18\" r=\"3\"></circle>\n </svg>\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.ariaLabel = this.i18n.loading ?? null;\n }\n}\n"],"mappings":";;;;;;;;AAqBA,IAAa,IAAb,cAAiC,EAAW;;EAiBP,aALqB,KAAA,OAAA,MAEhB,KAAA,KAAA,IAAI,EAAqB,IAAI,GAGlC,KAAA,OAAA,KAAK,GAAgB;;;EAhBxC,KAAA,SAAA,EAAU,CAAC,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAQA;CAKA,SAAS;EACP,OAAO,CAAI;CASb;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQ,CAAK,GACnB,KAAK,WAAW,YAAY,KAAK,KAAK,WAAW;CACnD;AACF;AA7BG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAKxC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,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.
|
|
26
|
+
version: "2.16.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.16.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.16.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.16.0",
|
|
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
package/dist/tooltip/tooltip2.js
CHANGED
package/dist/tree/tree-node.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//#region src/tree/tree-node.css?inline
|
|
2
|
-
var e = ":host{--color: var(--nve-sys-interaction-color);--border-radius: var(--nve-ref-border-radius-xs);--font-size: var(--nve-ref-font-size-100);--font-weight: var(--nve-ref-font-weight-regular);--min-height: var(--nve-ref-size-800);--nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));--text-wrap: nowrap;width:100%;cursor:default}[internal-host]{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);text-wrap:var(--text-wrap);display:flex;align-content:center;flex-wrap:wrap;width:100%}slot{display:flex;flex-direction:column;width:100%}slot[name=nodes]{padding-inline-start:var(--nve-ref-size-500);display:flex;flex-direction:column;align-items:start}slot:not(:has-slotted){display:none!important}[part=_node]{display:flex;align-items:center;width:100%}.node-title{display:flex;flex-direction:row;align-items:center;gap:var(--nve-ref-space-xs);border-radius:var(--border-radius);border-inline-start:var(--nve-ref-border-width-md) solid transparent;margin-inline-start:var(--nve-ref-space-xxxs);padding:var(--nve-ref-size-200) var(--nve-ref-size-200) var(--nve-ref-size-200) var(--nve-ref-size-100);min-height:var(--min-height);& slot{width:fit-content;flex-shrink:0}& slot:not([name]){width:100%;min-width:0;flex-shrink:1;display:block
|
|
2
|
+
var e = ":host{--color: var(--nve-sys-interaction-color);--border-radius: var(--nve-ref-border-radius-xs);--font-size: var(--nve-ref-font-size-100);--font-weight: var(--nve-ref-font-weight-regular);--min-height: var(--nve-ref-size-800);--nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));--text-wrap: nowrap;width:100%;cursor:default}[internal-host]{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);text-wrap:var(--text-wrap);display:flex;align-content:center;flex-wrap:wrap;width:100%}slot{display:flex;flex-direction:column;width:100%}slot[name=nodes]{padding-inline-start:var(--nve-ref-size-500);display:flex;flex-direction:column;align-items:start}slot:not(:has-slotted){display:none!important}[part=_node]{display:flex;align-items:center;width:100%}.node-title{display:flex;flex-direction:row;align-items:center;gap:var(--nve-ref-space-xs);border-radius:var(--border-radius);border-inline-start:var(--nve-ref-border-width-md) solid transparent;margin-inline-start:var(--nve-ref-space-xxxs);padding:var(--nve-ref-size-200) var(--nve-ref-size-200) var(--nve-ref-size-200) var(--nve-ref-size-100);min-height:var(--min-height);position:relative;& slot{width:fit-content;flex-shrink:0}& slot:not([name]){width:100%;min-width:0;flex-shrink:1;display:block}}[part=_node-header]{display:flex;flex-direction:column;width:100%;position:relative;min-width:0}:host(:focus-visible) [part=_node-header],::slotted(a:focus-visible):after{outline:Highlight solid 2px!important;outline:5px auto -webkit-focus-ring-color!important}[name=content]{padding:var(--nve-ref-size-200);display:block}[part=_nodes]{width:100%;position:relative;display:block;padding-inline-start:var(--nve-ref-size-200);overflow:hidden;transition:height var(--nve-ref-animation-duration-200) cubic-bezier(.4,0,.2,1)}:host([expanded]) [part=_nodes]{height:auto;height:calc-size(max-content,size)}[part=_nodes]:before{border-inline-start:var(--node-border);inset-inline-start:var(--nve-ref-size-150);inset-block:0;display:block;content:\"\";position:absolute}nve-icon-button{--width: var(--nve-ref-size-400);outline:0!important}nve-icon[name=caret]{transition:transform var(--nve-ref-animation-duration-150) cubic-bezier(.4,0,.2,1)}nve-checkbox{margin-inline-start:var(--nve-ref-space-xxs);margin-block-start:var(--nve-ref-space-xs);align-self:start}input{outline:0!important}::slotted(a){text-decoration:none!important;color:var(--color)!important;outline:0;vertical-align:middle}::slotted(a):after{display:block;content:\" \";inset:0;position:absolute}:host(:state(selected):state(selectable-single)) .node-title{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected)}:host(:state(selected):state(selectable-single)) .node-title:after{width:var(--nve-ref-border-width-md);border-radius:var(--nve-ref-border-radius-full);background:var(--nve-sys-accent-secondary-background);content:\"\";display:block;position:absolute;height:80%;inset-block-start:10%;inset-inline-start:calc(var(--nve-ref-size-50) * -1)}:host(:state(selectable-single)) .node-title{cursor:pointer}:host(:state(selectable-multi)){nve-icon-button{--width: var(--nve-ref-size-500)}slot[name=nodes]{padding-inline-start:var(--nve-ref-size-700)}[role=group]:before{inset-inline-start:var(--nve-ref-size-200)}}:host(:state(highlighted)){--border-radius: 0;.node-title{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected)}}.node-title{background-image:linear-gradient(color-mix(in oklab,var(--nve-sys-interaction-state-base) 100%,var(--nve-sys-interaction-state-mix) var(--nve-sys-interaction-state-ratio)) 0 0)!important;&:hover{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-hover)}}";
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as default };
|
|
5
5
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-node.js","names":[],"sources":["../../src/tree/tree-node.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 --color: var(--nve-sys-interaction-color);\n --border-radius: var(--nve-ref-border-radius-xs);\n --font-size: var(--nve-ref-font-size-100);\n --font-weight: var(--nve-ref-font-weight-regular);\n --min-height: var(--nve-ref-size-800);\n --nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));\n --text-wrap: nowrap;\n width: 100%;\n cursor: default;\n}\n\n[internal-host] {\n color: var(--color);\n font-size: var(--font-size);\n font-weight: var(--font-weight);\n text-wrap: var(--text-wrap);\n display: flex;\n align-content: center;\n flex-wrap: wrap;\n width: 100%;\n}\n\nslot {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\nslot[name='nodes'] {\n padding-inline-start: var(--nve-ref-size-500);\n display: flex;\n flex-direction: column;\n align-items: start;\n}\n\nslot:not(:has-slotted) {\n display: none !important;\n}\n\n[part='_node'] {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.node-title {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--nve-ref-space-xs);\n border-radius: var(--border-radius);\n border-inline-start: var(--nve-ref-border-width-md) solid transparent;\n margin-inline-start: var(--nve-ref-space-xxxs);\n padding: var(--nve-ref-size-200) var(--nve-ref-size-200) var(--nve-ref-size-200) var(--nve-ref-size-100);\n min-height: var(--min-height);\n\n & slot {\n width: fit-content;\n flex-shrink: 0;\n }\n\n & slot:not([name]) {\n width: 100%;\n min-width: 0;\n flex-shrink: 1;\n display: block;\n
|
|
1
|
+
{"version":3,"file":"tree-node.js","names":[],"sources":["../../src/tree/tree-node.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 --color: var(--nve-sys-interaction-color);\n --border-radius: var(--nve-ref-border-radius-xs);\n --font-size: var(--nve-ref-font-size-100);\n --font-weight: var(--nve-ref-font-weight-regular);\n --min-height: var(--nve-ref-size-800);\n --nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));\n --text-wrap: nowrap;\n width: 100%;\n cursor: default;\n}\n\n[internal-host] {\n color: var(--color);\n font-size: var(--font-size);\n font-weight: var(--font-weight);\n text-wrap: var(--text-wrap);\n display: flex;\n align-content: center;\n flex-wrap: wrap;\n width: 100%;\n}\n\nslot {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\nslot[name='nodes'] {\n padding-inline-start: var(--nve-ref-size-500);\n display: flex;\n flex-direction: column;\n align-items: start;\n}\n\nslot:not(:has-slotted) {\n display: none !important;\n}\n\n[part='_node'] {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.node-title {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--nve-ref-space-xs);\n border-radius: var(--border-radius);\n border-inline-start: var(--nve-ref-border-width-md) solid transparent;\n margin-inline-start: var(--nve-ref-space-xxxs);\n padding: var(--nve-ref-size-200) var(--nve-ref-size-200) var(--nve-ref-size-200) var(--nve-ref-size-100);\n min-height: var(--min-height);\n position: relative;\n\n & slot {\n width: fit-content;\n flex-shrink: 0;\n }\n\n & slot:not([name]) {\n width: 100%;\n min-width: 0;\n flex-shrink: 1;\n display: block;\n }\n}\n\n[part='_node-header'] {\n display: flex;\n flex-direction: column;\n width: 100%;\n position: relative;\n min-width: 0;\n}\n\n:host(:focus-visible) [part='_node-header'],\n::slotted(a:focus-visible)::after {\n outline: Highlight solid 2px !important;\n outline: 5px auto -webkit-focus-ring-color !important;\n}\n\n[name='content'] {\n padding: var(--nve-ref-size-200);\n display: block;\n}\n\n[part='_nodes'] {\n width: 100%;\n position: relative;\n display: block;\n padding-inline-start: var(--nve-ref-size-200);\n overflow: hidden;\n transition: height var(--nve-ref-animation-duration-200) cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n:host([expanded]) [part='_nodes'] {\n /* fallback for browsers that do not support intrinsic sizing keywords with calc-size() */\n height: auto;\n\n /* https://developer.chrome.com/docs/css-ui/animate-to-height-auto#animate_to_and_from_intrinsic_sizing_keywords_with_calc-size */\n height: calc-size(max-content, size);\n}\n\n[part='_nodes']::before {\n border-inline-start: var(--node-border);\n inset-inline-start: var(--nve-ref-size-150);\n inset-block: 0;\n display: block;\n content: '';\n position: absolute;\n}\n\nnve-icon-button {\n --width: var(--nve-ref-size-400);\n outline: 0 !important;\n}\n\nnve-icon[name='caret'] {\n transition: transform var(--nve-ref-animation-duration-150) cubic-bezier(0.4, 0, 0.2, 1);\n}\n\nnve-checkbox {\n margin-inline-start: var(--nve-ref-space-xxs);\n margin-block-start: var(--nve-ref-space-xs);\n align-self: start;\n}\n\ninput {\n outline: 0 !important;\n}\n\n::slotted(a) {\n text-decoration: none !important;\n color: var(--color) !important;\n outline: 0;\n vertical-align: middle;\n}\n\n::slotted(a)::after {\n display: block;\n content: ' ';\n inset: 0;\n position: absolute;\n}\n\n:host(:state(selected):state(selectable-single)) .node-title {\n --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected);\n}\n\n:host(:state(selected):state(selectable-single)) .node-title::after {\n width: var(--nve-ref-border-width-md);\n border-radius: var(--nve-ref-border-radius-full);\n background: var(--nve-sys-accent-secondary-background);\n content: '';\n display: block;\n position: absolute;\n height: 80%;\n inset-block-start: 10%;\n inset-inline-start: calc(var(--nve-ref-size-50) * -1);\n}\n\n:host(:state(selectable-single)) .node-title {\n cursor: pointer;\n}\n\n:host(:state(selectable-multi)) {\n nve-icon-button {\n --width: var(--nve-ref-size-500);\n }\n\n slot[name='nodes'] {\n padding-inline-start: var(--nve-ref-size-700);\n }\n\n [role='group']::before {\n inset-inline-start: var(--nve-ref-size-200);\n }\n}\n\n:host(:state(highlighted)) {\n --border-radius: 0;\n\n .node-title {\n --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected);\n }\n}\n\n.node-title {\n background-image: linear-gradient(\n color-mix(\n in oklab,\n var(--nve-sys-interaction-state-base) 100%,\n var(--nve-sys-interaction-state-mix) var(--nve-sys-interaction-state-ratio)\n )\n 0 0\n ) !important;\n\n &:hover {\n --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-hover);\n }\n}\n"],"mappings":""}
|
package/dist/tree/tree-node2.js
CHANGED
package/dist/tree/tree2.js
CHANGED
package/dist/week/week2.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nvidia-elements/core",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.16.0",
|
|
4
4
|
"release": {
|
|
5
5
|
"extends": "../../release.config.js"
|
|
6
6
|
},
|
|
@@ -502,6 +502,18 @@
|
|
|
502
502
|
"types": "./dist/icon-button/define.d.ts",
|
|
503
503
|
"default": "./dist/icon-button/define.js"
|
|
504
504
|
},
|
|
505
|
+
"./iframe": {
|
|
506
|
+
"types": "./dist/iframe/index.d.ts",
|
|
507
|
+
"default": "./dist/iframe/index.js"
|
|
508
|
+
},
|
|
509
|
+
"./iframe/index.js": {
|
|
510
|
+
"types": "./dist/iframe/index.d.ts",
|
|
511
|
+
"default": "./dist/iframe/index.js"
|
|
512
|
+
},
|
|
513
|
+
"./iframe/define.js": {
|
|
514
|
+
"types": "./dist/iframe/define.d.ts",
|
|
515
|
+
"default": "./dist/iframe/define.js"
|
|
516
|
+
},
|
|
505
517
|
"./input": {
|
|
506
518
|
"types": "./dist/input/index.d.ts",
|
|
507
519
|
"default": "./dist/input/index.js"
|
|
@@ -646,6 +658,18 @@
|
|
|
646
658
|
"types": "./dist/progress-bar/define.d.ts",
|
|
647
659
|
"default": "./dist/progress-bar/define.js"
|
|
648
660
|
},
|
|
661
|
+
"./progress-dot": {
|
|
662
|
+
"types": "./dist/progress-dot/index.d.ts",
|
|
663
|
+
"default": "./dist/progress-dot/index.js"
|
|
664
|
+
},
|
|
665
|
+
"./progress-dot/index.js": {
|
|
666
|
+
"types": "./dist/progress-dot/index.d.ts",
|
|
667
|
+
"default": "./dist/progress-dot/index.js"
|
|
668
|
+
},
|
|
669
|
+
"./progress-dot/define.js": {
|
|
670
|
+
"types": "./dist/progress-dot/define.d.ts",
|
|
671
|
+
"default": "./dist/progress-dot/define.js"
|
|
672
|
+
},
|
|
649
673
|
"./progress-ring": {
|
|
650
674
|
"types": "./dist/progress-ring/index.d.ts",
|
|
651
675
|
"default": "./dist/progress-ring/index.js"
|
|
@@ -995,13 +1019,14 @@
|
|
|
995
1019
|
"@internals/testing": "0.0.0",
|
|
996
1020
|
"@internals/vite": "0.0.0",
|
|
997
1021
|
"@lit-labs/virtualizer": "2.1.1",
|
|
998
|
-
"@nvidia-elements/lint": "2.7.
|
|
1022
|
+
"@nvidia-elements/lint": "2.7.4",
|
|
999
1023
|
"@nvidia-elements/styles": "^2.1.3",
|
|
1000
1024
|
"@typescript/lib-dom": "npm:@types/web@0.0.312",
|
|
1001
1025
|
"@vitest/browser": "5.0.0",
|
|
1026
|
+
"@vitest/browser-playwright": "5.0.0",
|
|
1002
1027
|
"@vitest/coverage-istanbul": "5.0.0",
|
|
1003
1028
|
"axe-core": "4.11.0",
|
|
1004
|
-
"eslint": "10.
|
|
1029
|
+
"eslint": "10.12.0",
|
|
1005
1030
|
"lit": "3.3.3",
|
|
1006
1031
|
"lit-analyzer": "2.0.3",
|
|
1007
1032
|
"lit-html": "3.3.3",
|