@nvidia-elements/core 0.2.2 → 0.2.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 +9 -0
- package/dist/accordion/accordion2.js +39 -39
- package/dist/alert/alert-group2.js +14 -14
- package/dist/alert/alert2.js +20 -20
- package/dist/avatar/avatar-group2.js +1 -1
- package/dist/avatar/avatar2.js +6 -6
- package/dist/badge/badge2.js +21 -21
- package/dist/breadcrumb/breadcrumb2.js +12 -12
- package/dist/bundles/index.d.ts +418 -1802
- package/dist/bundles/index.js +6 -6
- package/dist/button/button.d.ts +5 -2
- package/dist/button/button2.js +13 -13
- package/dist/button/button2.js.map +1 -1
- package/dist/button-group/button-group2.js +15 -15
- package/dist/card/card2.js +17 -17
- package/dist/chat-message/chat-message2.js +7 -7
- package/dist/checkbox/checkbox-group2.js +7 -7
- package/dist/checkbox/checkbox2.js +7 -7
- package/dist/color/color2.js +7 -7
- package/dist/combobox/combobox2.js +10 -10
- package/dist/copy-button/copy-button2.js +10 -10
- package/dist/custom-elements-jsx.d.ts +346 -613
- package/dist/custom-elements-vue.d.ts +346 -613
- package/dist/custom-elements.json +4870 -14220
- package/dist/data.html.json +252 -168
- package/dist/data.snippets.json +42 -42
- package/dist/date/date2.js +7 -7
- package/dist/datetime/datetime2.js +7 -7
- package/dist/dialog/dialog-footer2.js +6 -6
- package/dist/dialog/dialog-header2.js +6 -6
- package/dist/dialog/dialog2.js +19 -19
- package/dist/divider/divider2.js +5 -5
- package/dist/dot/dot2.js +8 -8
- package/dist/drawer/drawer-content2.js +6 -6
- package/dist/drawer/drawer-footer2.js +6 -6
- package/dist/drawer/drawer-header2.js +6 -6
- package/dist/drawer/drawer2.js +19 -19
- package/dist/dropdown/dropdown-footer2.js +6 -6
- package/dist/dropdown/dropdown-header2.js +6 -6
- package/dist/dropdown/dropdown2.js +16 -16
- package/dist/dropdown-group/dropdown-group.js +16 -16
- package/dist/dropzone/dropzone.d.ts +1 -404
- package/dist/dropzone/dropzone2.js +14 -14
- package/dist/dropzone/dropzone2.js.map +1 -1
- package/dist/file/file2.js +1 -1
- package/dist/format-datetime/format-datetime2.js +10 -10
- package/dist/format-number/format-number2.js +16 -16
- package/dist/format-relative-time/format-relative-time2.js +7 -7
- package/dist/forms/control/control2.js +19 -19
- package/dist/forms/control-group/control-group2.js +6 -6
- package/dist/forms/control-message/control-message2.js +9 -9
- package/dist/grid/cell/cell2.js +1 -1
- package/dist/grid/column/column2.js +10 -10
- package/dist/grid/footer/footer2.js +6 -6
- package/dist/grid/grid2.js +12 -12
- package/dist/grid/header/header2.js +9 -9
- package/dist/grid/placeholder/placeholder2.js +1 -1
- package/dist/grid/row/row2.js +9 -9
- package/dist/icon/icon2.js +15 -15
- package/dist/icon-button/icon-button2.js +9 -9
- package/dist/index.js +4 -4
- package/dist/input/input-group2.js +1 -1
- package/dist/input/input2.js +6 -6
- package/dist/internal/controllers/keynav-grid.controller.js +39 -39
- package/dist/internal/controllers/type-button.controller.examples.js.map +1 -1
- package/dist/internal/controllers/type-button.controller.examples.json +1 -1
- package/dist/internal/controllers/type-command.controller.d.ts +10 -1
- package/dist/internal/controllers/type-command.controller.js +23 -14
- package/dist/internal/controllers/type-command.controller.js.map +1 -1
- package/dist/internal/controllers/type-native-popover.utils.js +7 -7
- package/dist/internal/index.d.ts +0 -1
- package/dist/internal/index.js +40 -41
- package/dist/internal/services/global.service.js +1 -1
- package/dist/logo/logo2.js +6 -6
- package/dist/menu/menu-item.d.ts +4 -2
- package/dist/menu/menu-item2.js +12 -12
- package/dist/menu/menu-item2.js.map +1 -1
- package/dist/menu/menu2.js +10 -10
- package/dist/month/month2.js +7 -7
- package/dist/notification/notification-group2.js +11 -11
- package/dist/notification/notification2.js +22 -22
- package/dist/page/page-panel/page-panel-content2.js +1 -1
- package/dist/page/page-panel/page-panel-footer2.js +6 -6
- package/dist/page/page-panel/page-panel-header2.js +6 -6
- package/dist/page/page-panel/page-panel2.js +14 -14
- package/dist/page/page2.js +9 -9
- package/dist/page-header/page-header2.js +1 -1
- package/dist/page-loader/page-loader2.js +10 -10
- package/dist/pagination/pagination.d.ts +1 -404
- package/dist/pagination/pagination2.js +17 -17
- package/dist/pagination/pagination2.js.map +1 -1
- package/dist/panel/panel2.js +21 -21
- package/dist/password/password2.js +7 -7
- package/dist/preferences-input/preferences-input.d.ts +1 -404
- package/dist/preferences-input/preferences-input2.js +9 -9
- package/dist/preferences-input/preferences-input2.js.map +1 -1
- package/dist/progress-bar/progress-bar2.js +8 -8
- package/dist/progress-ring/progress-ring2.js +15 -15
- package/dist/progressive-filter-chip/progressive-filter-chip2.js +15 -15
- package/dist/pulse/pulse2.js +6 -6
- package/dist/radio/radio-group2.js +7 -7
- package/dist/radio/radio2.js +7 -7
- package/dist/range/range2.js +5 -5
- package/dist/resize-handle/resize-handle.d.ts +1 -404
- package/dist/resize-handle/resize-handle2.js +16 -16
- package/dist/resize-handle/resize-handle2.js.map +1 -1
- package/dist/search/search2.js +8 -8
- package/dist/select/select2.js +18 -18
- package/dist/skeleton/skeleton2.js +7 -7
- package/dist/sort-button/sort-button.d.ts +4 -2
- package/dist/sort-button/sort-button2.js +19 -19
- package/dist/sort-button/sort-button2.js.map +1 -1
- package/dist/sparkline/sparkline2.js +14 -14
- package/dist/star-rating/star-rating2.js +6 -6
- package/dist/steps/steps.d.ts +4 -2
- package/dist/steps/steps2.js +36 -36
- package/dist/steps/steps2.js.map +1 -1
- package/dist/switch/switch-group2.js +6 -6
- package/dist/switch/switch2.js +7 -7
- package/dist/tabs/tabs-group2.js +21 -21
- package/dist/tabs/tabs.d.ts +4 -2
- package/dist/tabs/tabs2.js +30 -30
- package/dist/tabs/tabs2.js.map +1 -1
- package/dist/tag/tag.d.ts +5 -2
- package/dist/tag/tag2.js +20 -20
- package/dist/tag/tag2.js.map +1 -1
- package/dist/textarea/textarea2.js +1 -1
- package/dist/time/time2.js +7 -7
- package/dist/toast/toast2.js +21 -21
- package/dist/toggletip/toggletip-footer2.js +6 -6
- package/dist/toggletip/toggletip-header2.js +6 -6
- package/dist/toggletip/toggletip2.js +17 -17
- package/dist/toolbar/toolbar2.js +11 -11
- package/dist/tooltip/tooltip2.js +16 -16
- package/dist/tree/tree-node2.js +30 -30
- package/dist/tree/tree2.js +14 -14
- package/dist/week/week2.js +7 -7
- package/package.json +3 -3
- package/dist/internal/base/button.d.ts +0 -114
- package/dist/internal/base/button.js +0 -117
- package/dist/internal/base/button.js.map +0 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
1
|
+
import { audit as e } from "../internal/controllers/audit.controller.js";
|
|
2
|
+
import { I18nController as t } from "../internal/controllers/i18n.controller.js";
|
|
3
|
+
import { appendRootNodeStyle as n } from "../internal/utils/dom.js";
|
|
4
|
+
import { attachInternals as r } from "../internal/utils/a11y.js";
|
|
5
|
+
import { TypeNativePopoverController as i } from "../internal/controllers/type-native-popover.controller.js";
|
|
6
|
+
import { scopedRegistry as a } from "../internal/decorators/scoped-registry.js";
|
|
7
|
+
import { useStyles as o } from "../internal/styles/index.js";
|
|
8
|
+
import { popoverStyles as s } from "../internal/styles/popover2.js";
|
|
9
|
+
import { __decorate as c } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
|
|
10
10
|
import { IconButton as l } from "../icon-button/icon-button2.js";
|
|
11
11
|
import u from "./toggletip.js";
|
|
12
12
|
import d from "./toggletip.global.js";
|
|
@@ -16,15 +16,15 @@ import { query as h } from "lit/decorators/query.js";
|
|
|
16
16
|
//#region src/toggletip/toggletip.ts
|
|
17
17
|
var g = class extends f {
|
|
18
18
|
constructor(...e) {
|
|
19
|
-
super(...e), this.position = "top", this.alignment = "center", this.closable = !1, this.arrow = !0, this.popoverType = "auto", this.typeNativePopoverController = new
|
|
19
|
+
super(...e), this.position = "top", this.alignment = "center", this.closable = !1, this.arrow = !0, this.popoverType = "auto", this.typeNativePopoverController = new i(this), this.#e = new t(this), this.i18n = this.#e.i18n;
|
|
20
20
|
}
|
|
21
21
|
static {
|
|
22
|
-
this.styles =
|
|
22
|
+
this.styles = o([s, u]);
|
|
23
23
|
}
|
|
24
24
|
static {
|
|
25
25
|
this.metadata = {
|
|
26
26
|
tag: "nve-toggletip",
|
|
27
|
-
version: "0.2.
|
|
27
|
+
version: "0.2.3"
|
|
28
28
|
};
|
|
29
29
|
}
|
|
30
30
|
static {
|
|
@@ -35,20 +35,20 @@ var g = class extends f {
|
|
|
35
35
|
return p`<div internal-host><slot name="header"></slot>${this.closable ? p`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" @click="${this.hidePopover}" icon-name="cancel" container="flat" size="sm" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : ""}<div id="content" part="_content"><slot></slot></div><slot name="footer"></slot></div>${this.arrow ? p`<div class="arrow"></div>` : ""}`;
|
|
36
36
|
}
|
|
37
37
|
connectedCallback() {
|
|
38
|
-
super.connectedCallback(),
|
|
38
|
+
super.connectedCallback(), r(this), this._internals.role = "toggletip", n(this, d);
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
|
-
|
|
41
|
+
c([m({ type: String })], g.prototype, "anchor", void 0), c([m({ type: String })], g.prototype, "trigger", void 0), c([m({
|
|
42
42
|
type: String,
|
|
43
43
|
reflect: !0
|
|
44
|
-
})], g.prototype, "position", void 0),
|
|
44
|
+
})], g.prototype, "position", void 0), c([m({
|
|
45
45
|
type: String,
|
|
46
46
|
reflect: !0
|
|
47
|
-
})], g.prototype, "alignment", void 0),
|
|
47
|
+
})], g.prototype, "alignment", void 0), c([m({
|
|
48
48
|
type: Boolean,
|
|
49
49
|
reflect: !0,
|
|
50
50
|
attribute: "behavior-trigger"
|
|
51
|
-
})], g.prototype, "behaviorTrigger", void 0),
|
|
51
|
+
})], g.prototype, "behaviorTrigger", void 0), c([m({ type: Boolean })], g.prototype, "closable", void 0), c([m({ type: Boolean })], g.prototype, "arrow", void 0), c([h(".arrow")], g.prototype, "popoverArrow", void 0), c([m({ type: Object })], g.prototype, "i18n", void 0), g = c([a(), e({ excessiveInstanceLimit: 50 })], g);
|
|
52
52
|
//#endregion
|
|
53
53
|
export { g as Toggletip };
|
|
54
54
|
|
package/dist/toolbar/toolbar2.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { applySlotContentStates as e, hasHorizontalScrollBar as t } from "../internal/utils/dom.js";
|
|
2
2
|
import { attachInternals as n } from "../internal/utils/a11y.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { statusStateStyles as r, supportStateStyles as i, useStyles as a } from "../internal/styles/index.js";
|
|
4
|
+
import { __decorate as o } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
|
|
5
5
|
import s from "./toolbar.js";
|
|
6
6
|
import { LitElement as c, html as l } from "lit";
|
|
7
7
|
import { property as u } from "lit/decorators/property.js";
|
|
@@ -12,16 +12,16 @@ var f = class extends c {
|
|
|
12
12
|
super(...e), this.content = "scroll", this.orientation = "horizontal", this.#e = [];
|
|
13
13
|
}
|
|
14
14
|
static {
|
|
15
|
-
this.styles =
|
|
15
|
+
this.styles = a([
|
|
16
16
|
s,
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
r,
|
|
18
|
+
i
|
|
19
19
|
]);
|
|
20
20
|
}
|
|
21
21
|
static {
|
|
22
22
|
this.metadata = {
|
|
23
23
|
tag: "nve-toolbar",
|
|
24
|
-
version: "0.2.
|
|
24
|
+
version: "0.2.3"
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
27
|
static {
|
|
@@ -72,19 +72,19 @@ var f = class extends c {
|
|
|
72
72
|
e.filter((e) => e.matches("nve-divider")).forEach((e) => e.orientation = this.orientation === "horizontal" ? "vertical" : "horizontal"), e.filter((e) => e.matches("nve-button-group")).forEach((e) => e.orientation = this.orientation);
|
|
73
73
|
}
|
|
74
74
|
};
|
|
75
|
-
|
|
75
|
+
o([u({
|
|
76
76
|
type: String,
|
|
77
77
|
reflect: !0
|
|
78
|
-
})], f.prototype, "container", void 0),
|
|
78
|
+
})], f.prototype, "container", void 0), o([u({
|
|
79
79
|
type: String,
|
|
80
80
|
reflect: !0
|
|
81
|
-
})], f.prototype, "content", void 0),
|
|
81
|
+
})], f.prototype, "content", void 0), o([u({
|
|
82
82
|
type: String,
|
|
83
83
|
reflect: !0
|
|
84
|
-
})], f.prototype, "orientation", void 0),
|
|
84
|
+
})], f.prototype, "orientation", void 0), o([u({
|
|
85
85
|
type: String,
|
|
86
86
|
reflect: !0
|
|
87
|
-
})], f.prototype, "status", void 0),
|
|
87
|
+
})], f.prototype, "status", void 0), o([d({ slot: "prefix" })], f.prototype, "prefixElements", void 0), o([d({ slot: "suffix" })], f.prototype, "suffixElements", void 0), o([d()], f.prototype, "defaultElements", void 0);
|
|
88
88
|
//#endregion
|
|
89
89
|
export { f as Toolbar };
|
|
90
90
|
|
package/dist/tooltip/tooltip2.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
1
|
+
import { audit as e } from "../internal/controllers/audit.controller.js";
|
|
2
|
+
import { attachInternals as t } from "../internal/utils/a11y.js";
|
|
3
|
+
import { TypeNativePopoverController as n } from "../internal/controllers/type-native-popover.controller.js";
|
|
4
|
+
import { useStyles as r } from "../internal/styles/index.js";
|
|
5
|
+
import { popoverStyles as i } from "../internal/styles/popover2.js";
|
|
6
|
+
import { __decorate as a } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
|
|
7
7
|
import o from "./tooltip.js";
|
|
8
8
|
import { LitElement as s, html as c } from "lit";
|
|
9
9
|
import { property as l } from "lit/decorators/property.js";
|
|
@@ -11,41 +11,41 @@ import { query as u } from "lit/decorators/query.js";
|
|
|
11
11
|
//#region src/tooltip/tooltip.ts
|
|
12
12
|
var d = class extends s {
|
|
13
13
|
constructor(...e) {
|
|
14
|
-
super(...e), this.position = "top", this.popoverType = "hint", this.typeNativePopoverController = new
|
|
14
|
+
super(...e), this.position = "top", this.popoverType = "hint", this.typeNativePopoverController = new n(this);
|
|
15
15
|
}
|
|
16
16
|
static {
|
|
17
|
-
this.styles =
|
|
17
|
+
this.styles = r([i, o]);
|
|
18
18
|
}
|
|
19
19
|
static {
|
|
20
20
|
this.metadata = {
|
|
21
21
|
tag: "nve-tooltip",
|
|
22
|
-
version: "0.2.
|
|
22
|
+
version: "0.2.3"
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
26
|
return c`<div internal-host><slot></slot></div><div part="arrow" class="arrow"></div>`;
|
|
27
27
|
}
|
|
28
28
|
connectedCallback() {
|
|
29
|
-
super.connectedCallback(),
|
|
29
|
+
super.connectedCallback(), t(this), this._internals.role = "tooltip";
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
|
-
|
|
32
|
+
a([l({ type: String })], d.prototype, "anchor", void 0), a([l({ type: String })], d.prototype, "trigger", void 0), a([l({
|
|
33
33
|
type: String,
|
|
34
34
|
reflect: !0
|
|
35
|
-
})], d.prototype, "position", void 0),
|
|
35
|
+
})], d.prototype, "position", void 0), a([l({
|
|
36
36
|
type: String,
|
|
37
37
|
reflect: !0
|
|
38
|
-
})], d.prototype, "alignment", void 0),
|
|
38
|
+
})], d.prototype, "alignment", void 0), a([l({
|
|
39
39
|
type: Boolean,
|
|
40
40
|
reflect: !0,
|
|
41
41
|
attribute: "behavior-trigger"
|
|
42
|
-
})], d.prototype, "behaviorTrigger", void 0),
|
|
42
|
+
})], d.prototype, "behaviorTrigger", void 0), a([l({
|
|
43
43
|
type: String,
|
|
44
44
|
reflect: !0
|
|
45
|
-
})], d.prototype, "status", void 0),
|
|
45
|
+
})], d.prototype, "status", void 0), a([l({
|
|
46
46
|
type: Number,
|
|
47
47
|
attribute: "open-delay"
|
|
48
|
-
})], d.prototype, "openDelay", void 0),
|
|
48
|
+
})], d.prototype, "openDelay", void 0), a([u(".arrow")], d.prototype, "popoverArrow", void 0), d = a([e({ excessiveInstanceLimit: 50 })], d);
|
|
49
49
|
//#endregion
|
|
50
50
|
export { d as Tooltip };
|
|
51
51
|
|
package/dist/tree/tree-node2.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
1
|
+
import { audit as e } from "../internal/controllers/audit.controller.js";
|
|
2
|
+
import { I18nController as t } from "../internal/controllers/i18n.controller.js";
|
|
3
|
+
import { getFlattenedFocusableItems as n } from "../internal/utils/dom.js";
|
|
4
|
+
import { attachInternals as r } from "../internal/utils/a11y.js";
|
|
5
|
+
import { stateExpanded as i } from "../internal/controllers/state-expanded.controller.js";
|
|
6
|
+
import { stateHighlighted as a } from "../internal/controllers/state-highlighted.controller.js";
|
|
7
|
+
import { stateSelected as o } from "../internal/controllers/state-selected.controller.js";
|
|
8
|
+
import { typeAnchor as s } from "../internal/controllers/type-anchor.controller.js";
|
|
9
|
+
import { TypeExpandableController as c } from "../internal/controllers/type-expandable.controller.js";
|
|
10
|
+
import { TypeSelectableController as l } from "../internal/controllers/type-selectable.controller.js";
|
|
11
|
+
import { typeSSR as u } from "../internal/controllers/type-ssr.controller.js";
|
|
12
|
+
import { hostAttr as d } from "../internal/decorators/host-attr.js";
|
|
13
|
+
import { scopedRegistry as f } from "../internal/decorators/scoped-registry.js";
|
|
14
|
+
import { useStyles as p } from "../internal/styles/index.js";
|
|
15
|
+
import { __decorate as m } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
|
|
16
16
|
import { Icon as h } from "../icon/icon2.js";
|
|
17
17
|
import { IconButton as g } from "../icon-button/icon-button2.js";
|
|
18
18
|
import { updateNodeSelection as _ } from "./utils.js";
|
|
@@ -25,7 +25,7 @@ import { queryAssignedElements as T } from "lit/decorators/query-assigned-elemen
|
|
|
25
25
|
//#region src/tree/tree-node.ts
|
|
26
26
|
var E = class extends b {
|
|
27
27
|
constructor(...e) {
|
|
28
|
-
super(...e), this.expanded = !1, this.selected = !1, this.expandable = !1, this.highlighted = !1, this.#e = new
|
|
28
|
+
super(...e), this.expanded = !1, this.selected = !1, this.expandable = !1, this.highlighted = !1, this.#e = new t(this), this.i18n = this.#e.i18n, this.slot = "nodes", this.indeterminate = !1, this.behaviorExpand = !1, this.behaviorSelect = !1, this.#n = new c(this), this.#r = new l(this), this.#s = (e) => {
|
|
29
29
|
this.#i && e.code === "ArrowLeft" && e.target === this && this.close(), this.#i && e.code === "ArrowRight" && e.target === this && this.open(), e.code === "Space" && e.target === this && this.selectable && (e.preventDefault(), this.#u());
|
|
30
30
|
};
|
|
31
31
|
}
|
|
@@ -41,7 +41,7 @@ var E = class extends b {
|
|
|
41
41
|
static {
|
|
42
42
|
this.metadata = {
|
|
43
43
|
tag: "nve-tree-node",
|
|
44
|
-
version: "0.2.
|
|
44
|
+
version: "0.2.3",
|
|
45
45
|
parents: ["nve-tree", "nve-tree-node"]
|
|
46
46
|
};
|
|
47
47
|
}
|
|
@@ -53,13 +53,13 @@ var E = class extends b {
|
|
|
53
53
|
};
|
|
54
54
|
}
|
|
55
55
|
static {
|
|
56
|
-
this.styles =
|
|
56
|
+
this.styles = p([y]);
|
|
57
57
|
}
|
|
58
58
|
render() {
|
|
59
59
|
return x`<div internal-host @slotchange="${this.#a}"><div part="_node">${this.#i ? x`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" @pointerup="${this.#l}" role="presentation" tabindex="-1" size="sm" container="inline" nofocus><nve-icon part="icon" name="caret" direction="${this.expanded ? "down" : "right"}" size="sm"></nve-icon></nve-icon-button>` : S} ${this.selectable === "multi" ? x`<nve-checkbox part="checkbox" nofocus><input type="checkbox" @change="${this.#f}" .checked="${this.selected}" .indeterminate="${this.indeterminate}" .ariaLabel="${this.i18n.expand}" tabindex="-1"></nve-checkbox>` : S}<div tabindex="0" part="_node-header"><slot tabindex="0" class="node-title" @click="${this.#c}"></slot><slot name="content" part="_content"></slot></div></div><div role="group" part="_nodes"><slot name="nodes"></slot></div></div>`;
|
|
60
60
|
}
|
|
61
61
|
connectedCallback() {
|
|
62
|
-
super.connectedCallback(),
|
|
62
|
+
super.connectedCallback(), r(this), this._internals.role = "treeitem", this.addEventListener("keyup", this.#s), this.#a();
|
|
63
63
|
}
|
|
64
64
|
disconnectedCallback() {
|
|
65
65
|
super.disconnectedCallback(), this.removeEventListener("keyup", this.#s);
|
|
@@ -77,9 +77,9 @@ var E = class extends b {
|
|
|
77
77
|
this.#i ? this._internals.states.add("is-expandable") : this._internals.states.delete("is-expandable");
|
|
78
78
|
}
|
|
79
79
|
#s;
|
|
80
|
-
#c(
|
|
81
|
-
let
|
|
82
|
-
this.#i && !this.selectable && !
|
|
80
|
+
#c(e) {
|
|
81
|
+
let t = n(e.currentTarget).length;
|
|
82
|
+
this.#i && !this.selectable && !t && this.#l(), this.selectable && (!t || e.target.localName === "a") && this.#u();
|
|
83
83
|
}
|
|
84
84
|
#l() {
|
|
85
85
|
this.#n.toggle();
|
|
@@ -96,20 +96,20 @@ var E = class extends b {
|
|
|
96
96
|
}), this.#t.nodes.forEach((e) => _(e)));
|
|
97
97
|
}
|
|
98
98
|
};
|
|
99
|
-
|
|
99
|
+
m([C({
|
|
100
100
|
type: Boolean,
|
|
101
101
|
reflect: !0
|
|
102
|
-
})], E.prototype, "expanded", void 0),
|
|
102
|
+
})], E.prototype, "expanded", void 0), m([C({
|
|
103
103
|
type: Boolean,
|
|
104
104
|
reflect: !0
|
|
105
|
-
})], E.prototype, "selected", void 0),
|
|
105
|
+
})], E.prototype, "selected", void 0), m([C({ type: Boolean })], E.prototype, "expandable", void 0), m([C({ type: String })], E.prototype, "selectable", void 0), m([C({ type: Boolean })], E.prototype, "highlighted", void 0), m([C({ type: Object })], E.prototype, "i18n", void 0), m([d()], E.prototype, "slot", void 0), m([T({ slot: "nodes" })], E.prototype, "nodes", void 0), m([w()], E.prototype, "indeterminate", void 0), m([w()], E.prototype, "behaviorExpand", void 0), m([w()], E.prototype, "behaviorSelect", void 0), E = m([
|
|
106
|
+
e(),
|
|
107
|
+
u({ log: !1 }),
|
|
108
|
+
s(),
|
|
106
109
|
o(),
|
|
107
|
-
d({ log: !1 }),
|
|
108
110
|
i(),
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
p(),
|
|
112
|
-
c()
|
|
111
|
+
f(),
|
|
112
|
+
a()
|
|
113
113
|
], E);
|
|
114
114
|
//#endregion
|
|
115
115
|
export { E as TreeNode };
|
package/dist/tree/tree2.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
1
|
+
import { audit as e } from "../internal/controllers/audit.controller.js";
|
|
2
|
+
import { onChildListMutation as t } from "../internal/utils/events.js";
|
|
3
|
+
import { appendRootNodeStyle as n } from "../internal/utils/dom.js";
|
|
4
|
+
import { keyNavigationList as r } from "../internal/controllers/keynav-list.controller.js";
|
|
5
|
+
import { attachInternals as i } from "../internal/utils/a11y.js";
|
|
6
|
+
import { useStyles as a } from "../internal/styles/index.js";
|
|
7
|
+
import { __decorate as o } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
|
|
8
8
|
import { updateNodeSelection as s } from "./utils.js";
|
|
9
9
|
import { TreeNode as c } from "./tree-node2.js";
|
|
10
10
|
import l from "./tree.js";
|
|
@@ -17,12 +17,12 @@ var m = class extends d {
|
|
|
17
17
|
super(...e), this.behaviorExpand = !1, this.behaviorSelect = !1, this.border = !1, this.#e = [];
|
|
18
18
|
}
|
|
19
19
|
static {
|
|
20
|
-
this.styles =
|
|
20
|
+
this.styles = a([l]);
|
|
21
21
|
}
|
|
22
22
|
static {
|
|
23
23
|
this.metadata = {
|
|
24
24
|
tag: "nve-tree",
|
|
25
|
-
version: "0.2.
|
|
25
|
+
version: "0.2.3",
|
|
26
26
|
children: ["nve-tree-node"]
|
|
27
27
|
};
|
|
28
28
|
}
|
|
@@ -43,7 +43,7 @@ var m = class extends d {
|
|
|
43
43
|
}
|
|
44
44
|
#e;
|
|
45
45
|
connectedCallback() {
|
|
46
|
-
super.connectedCallback(),
|
|
46
|
+
super.connectedCallback(), i(this), n(this, u), this._internals.role = "tree", this.#e.push(t(this, () => {
|
|
47
47
|
this.#t();
|
|
48
48
|
}, { subtree: !0 }));
|
|
49
49
|
}
|
|
@@ -65,16 +65,16 @@ var m = class extends d {
|
|
|
65
65
|
this.behaviorSelect && this.selectable === "multi" && this.nodes.forEach((e) => s(e));
|
|
66
66
|
}
|
|
67
67
|
};
|
|
68
|
-
|
|
68
|
+
o([p({ type: String })], m.prototype, "selectable", void 0), o([p({
|
|
69
69
|
type: Boolean,
|
|
70
70
|
attribute: "behavior-expand"
|
|
71
|
-
})], m.prototype, "behaviorExpand", void 0),
|
|
71
|
+
})], m.prototype, "behaviorExpand", void 0), o([p({
|
|
72
72
|
type: Boolean,
|
|
73
73
|
attribute: "behavior-select"
|
|
74
|
-
})], m.prototype, "behaviorSelect", void 0),
|
|
74
|
+
})], m.prototype, "behaviorSelect", void 0), o([p({
|
|
75
75
|
type: Boolean,
|
|
76
76
|
reflect: !0
|
|
77
|
-
})], m.prototype, "border", void 0), m =
|
|
77
|
+
})], m.prototype, "border", void 0), m = o([e(), r()], m);
|
|
78
78
|
//#endregion
|
|
79
79
|
export { m as Tree };
|
|
80
80
|
|
package/dist/week/week2.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
|
|
2
|
+
import { useStyles as t } from "../internal/styles/index.js";
|
|
3
|
+
import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
|
|
4
4
|
import { Control as r } from "../forms/control/control2.js";
|
|
5
5
|
import { IconButton as i } from "../icon-button/icon-button2.js";
|
|
6
6
|
import { inputStyles as a } from "../input/input2.js";
|
|
@@ -10,7 +10,7 @@ import { property as c } from "lit/decorators/property.js";
|
|
|
10
10
|
//#region src/week/week.ts
|
|
11
11
|
var l = class extends r {
|
|
12
12
|
static {
|
|
13
|
-
this.styles =
|
|
13
|
+
this.styles = t([
|
|
14
14
|
...r.styles,
|
|
15
15
|
a,
|
|
16
16
|
o
|
|
@@ -19,7 +19,7 @@ var l = class extends r {
|
|
|
19
19
|
static {
|
|
20
20
|
this.metadata = {
|
|
21
21
|
tag: "nve-week",
|
|
22
|
-
version: "0.2.
|
|
22
|
+
version: "0.2.3"
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
25
|
static {
|
|
@@ -29,10 +29,10 @@ var l = class extends r {
|
|
|
29
29
|
return s`<nve-icon-button exportparts="icon:icon-button-icon" part="icon-button" .ariaLabel="${this.i18n.expand}" icon-name="calendar" container="inline" @click="${this.showPicker}"></nve-icon-button>`;
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
|
-
|
|
32
|
+
n([c({
|
|
33
33
|
type: String,
|
|
34
34
|
reflect: !0
|
|
35
|
-
})], l.prototype, "container", void 0), l =
|
|
35
|
+
})], l.prototype, "container", void 0), l = n([e()], l);
|
|
36
36
|
//#endregion
|
|
37
37
|
export { l as Week };
|
|
38
38
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nvidia-elements/core",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.3",
|
|
4
4
|
"release": {
|
|
5
5
|
"extends": "../../release.config.js"
|
|
6
6
|
},
|
|
@@ -921,7 +921,7 @@
|
|
|
921
921
|
"dependencies": {
|
|
922
922
|
"lit": "^3.3.2",
|
|
923
923
|
"lit-html": "^3.3.2",
|
|
924
|
-
"@nvidia-elements/forms": "^0.0
|
|
924
|
+
"@nvidia-elements/forms": "^0.1.0"
|
|
925
925
|
},
|
|
926
926
|
"peerDependencies": {
|
|
927
927
|
"@nvidia-elements/themes": ">=0.0.0 <1.0.0"
|
|
@@ -952,10 +952,10 @@
|
|
|
952
952
|
"typescript": "6.0.3",
|
|
953
953
|
"vite": "8.0.13",
|
|
954
954
|
"vitest": "4.1.6",
|
|
955
|
+
"@internals/eslint": "0.0.0",
|
|
955
956
|
"@internals/testing": "0.0.0",
|
|
956
957
|
"@internals/vite": "0.0.0",
|
|
957
958
|
"@nvidia-elements/lint": "0.3.1",
|
|
958
|
-
"@internals/eslint": "0.0.0",
|
|
959
959
|
"@nvidia-elements/styles": "^0.0.9"
|
|
960
960
|
},
|
|
961
961
|
"wireit": {
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
/**
|
|
3
|
-
* Standard button behaviors for custom elements.
|
|
4
|
-
* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
|
|
5
|
-
* @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/
|
|
6
|
-
*/
|
|
7
|
-
export declare class BaseButton extends LitElement {
|
|
8
|
-
#private;
|
|
9
|
-
static formAssociated: boolean;
|
|
10
|
-
/**
|
|
11
|
-
* Use for toggle button types.
|
|
12
|
-
* https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed
|
|
13
|
-
*/
|
|
14
|
-
pressed: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Use for buttons that expand/collapse content.
|
|
17
|
-
* https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded
|
|
18
|
-
*/
|
|
19
|
-
expanded: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* Like input readonly, sets a button semantically as visual treatment only
|
|
22
|
-
* https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly
|
|
23
|
-
*/
|
|
24
|
-
readOnly: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* @deprecated Use `readOnly`. The `readonly` attribute remains supported.
|
|
27
|
-
*/
|
|
28
|
-
get readonly(): boolean;
|
|
29
|
-
set readonly(value: boolean);
|
|
30
|
-
/**
|
|
31
|
-
* Like input form, sets a button to submit a form outside its parent form.
|
|
32
|
-
* Returns a reference to the form element if available.
|
|
33
|
-
* https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form
|
|
34
|
-
*/
|
|
35
|
-
set form(form: string | HTMLFormElement);
|
|
36
|
-
get form(): HTMLFormElement | null | string;
|
|
37
|
-
/**
|
|
38
|
-
* The name of the button, submitted as a pair with the button's value as part of the form data, when that button submits the form.
|
|
39
|
-
* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name
|
|
40
|
-
*/
|
|
41
|
-
name: string;
|
|
42
|
-
/**
|
|
43
|
-
* Defines the value associated with the button's name when submitting the form data. The server receives this value in params when the form submits through this button.
|
|
44
|
-
* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-value
|
|
45
|
-
*/
|
|
46
|
-
value: string;
|
|
47
|
-
/**
|
|
48
|
-
* Defines the button behavior when associated within an <form> element.
|
|
49
|
-
* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type
|
|
50
|
-
*/
|
|
51
|
-
type: 'button' | 'submit' | 'reset';
|
|
52
|
-
/**
|
|
53
|
-
* This Boolean attribute prevents the user from interacting with the button: it cannot receive press or focus events.
|
|
54
|
-
* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-disabled
|
|
55
|
-
*/
|
|
56
|
-
disabled: boolean;
|
|
57
|
-
/**
|
|
58
|
-
* This Boolean attribute prevents the selected state when the button belongs to a multi-choice selection group
|
|
59
|
-
* https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected
|
|
60
|
-
*/
|
|
61
|
-
selected: boolean;
|
|
62
|
-
/**
|
|
63
|
-
* This Boolean attribute sets the current state, used to represent the current page or navigation link
|
|
64
|
-
* https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current
|
|
65
|
-
*/
|
|
66
|
-
current: 'page' | 'step';
|
|
67
|
-
/**
|
|
68
|
-
* Establishing a relationship between a popover and its invoker button.
|
|
69
|
-
* https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement
|
|
70
|
-
*/
|
|
71
|
-
popoverTargetElement: HTMLElement | null;
|
|
72
|
-
/**
|
|
73
|
-
* The idref of the element that receives the popover.
|
|
74
|
-
* https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget
|
|
75
|
-
*/
|
|
76
|
-
popovertarget: string;
|
|
77
|
-
/**
|
|
78
|
-
* The popover target action to perform on the popover target element.
|
|
79
|
-
* https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction
|
|
80
|
-
*/
|
|
81
|
-
popoverTargetAction: 'show' | 'hide' | 'toggle';
|
|
82
|
-
/**
|
|
83
|
-
* The element that receives the command.
|
|
84
|
-
* https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API
|
|
85
|
-
*/
|
|
86
|
-
commandForElement: HTMLElement | null;
|
|
87
|
-
/**
|
|
88
|
-
* The idref of the element that receives the command.
|
|
89
|
-
* https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API
|
|
90
|
-
*/
|
|
91
|
-
commandfor: string | null;
|
|
92
|
-
/**
|
|
93
|
-
* The command to execute on the element.
|
|
94
|
-
* https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API
|
|
95
|
-
*/
|
|
96
|
-
command: string;
|
|
97
|
-
/**
|
|
98
|
-
* The element that receives the interest.
|
|
99
|
-
* https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement
|
|
100
|
-
*/
|
|
101
|
-
interestForElement: HTMLElement | null;
|
|
102
|
-
/**
|
|
103
|
-
* The idref of the element that receives the interest.
|
|
104
|
-
* https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement
|
|
105
|
-
*/
|
|
106
|
-
interestfor: string | null;
|
|
107
|
-
/**
|
|
108
|
-
* @private
|
|
109
|
-
* An instance of `ElementInternals` that decorators/controllers set dynamically
|
|
110
|
-
*/
|
|
111
|
-
_internals: ElementInternals;
|
|
112
|
-
connectedCallback(): void;
|
|
113
|
-
render(): import('lit-html').TemplateResult<1>;
|
|
114
|
-
}
|